Webstorm打开ionic5创建的项目html模板编译报错的

1、ionic创建项目

    ionic start test tabs --type=angular（使用angular框架）

    ionic start test tabs --type=ionic-angular(使用ionic3文件框架)

    通过第一种方式创建完的项目使用webstorm打开结构如（图1）：

图1

package.json的文件结构如（图2）：

图2

报错信息如（图3）：

图3

错误信息：

Error:(1, 1) TS2365: Operator '<' cannot be applied to types 'boolean' and 'RegExp'.

Error:(1, 2) TS2304: Cannot find name 'ion'.

Error:(1, 6) TS2304: Cannot find name 'app'.等等

开始以为是TypeScript版本太高，降低到3.1.6还是不行

然后我又降低了TSLint的版本也不行，我发现当打开webstorm的时候会检查angular服务，如图4：

图4

然后查看package.json中的angular服务依赖，我猜测"@angular/language-service":"~8.1.2"可能出的问题,我查看了ionic3创建的项目里面的版本为7.2.2.

我修改为版本7.2.2重新打开工程，错误消失了。