Intellij无法识别角度模块，html元素，管道等

Question

我在使用webpack的项目中运行角度语言支持时遇到了问题（不确定这是否重要，但是如果没有webpack，则在intellij中一切正常），并且这是一个由Java和angular组成的多模块项目应用程式。

问题是无法识别angular的模块

表示RouterModule不是角度模块。

* ngFor和未解决的管道异步没有匹配的指令。

虽然MatAutocompleteModule已正确导入。

---

我已经导入了BrowserModule，CommonModule，并且该项目运行正常。只是intellij的检测无效。

我已经通过npm安装了@ angular / language-service。我已经重新启动了IDE（很多次）。

我该怎么做才能使它正常工作？

依赖关系（成角度）

"@angular/animations": "~7.2.14",
"@angular/cdk": "~7.3.7",
"@angular/common": "~7.2.14",
"@angular/compiler": "~7.2.14",
"@angular/core": "~7.2.14",
"@angular/forms": "~7.2.14",
"@angular/material": "^7.3.7",
"@angular/platform-browser": "~7.2.14",
"@angular/platform-browser-dynamic": "~7.2.14",
"@angular/router": "~7.2.14",

devDependencies（与角度相关）

"@angular-devkit/build-angular": "~0.13.0",
"@angular-devkit/build-ng-packagr": "~0.13.0",
"@angular/cli": "7.3.4",
"@angular/compiler-cli": "7.2.14",
"@ngtools/webpack": "7.3.4",
"@angular/language-service": "^7.2.14",
"angular-router-loader": "0.8.5",
"angular2-template-loader": "0.6.2",
"typescript": "3.2.4",

Answer 1

我将给出一个对我有用的答案（在jetbrains支持的帮助下）。从intellij 2018升级到2019时，您的node_modules/目录不能从您的项目中排除，如果这样，则intellij将很难为您的项目建立索引。

在创建node_modules/目录时，它将自动分配为库根目录的状态，并且不应与之混淆，否则intellij将开始将其视为内部的普通目录您的项目。如果您要摆弄它，请删除.idea/目录，然后通过执行文件> 打开> my-app 重新打开项目。

如果执行npm install后索引编制缓慢，请删除.idea/目录，然后再次打开项目即可解决此问题。

Answer 2

IntelliJ 2019.3遇到相同的问题

但是有一个简单的解决方案： 右键单击您的node_modules目录->将目录标记为->取消排除

该目录现在应该标记为library root，并且应该可以识别所有内容。

Answer 3

我遇到了Ionic 5项目的同样问题。

模块显示为错误或突出显示为错误，并且HTML，Ionic标签显示为Intellij Idea Ultimate Edition中的标签。

我按照上述步骤进行操作：

1. 首先，从项目中删除.idea文件夹。
2. 关闭IDE。
3. 从快捷方式列表中删除项目（单击关闭按钮）。
4. 通过 Open->项目路径->
打开
5. 它可以正确导入。
6. 万岁，项目未显示单个错误或突出显示。

Answer 4

更简单并在IntelliJ 2020上经过测试：

1. 删除前端项目的DNS文件夹
2. 文件->“ 使缓存无效/重新启动... ”->单击“ 使缓存无效并重新启动”
3. 让IntelliJ重新索引您的项目，该问题应该得到解决。

Answer 5

实际上对我没有任何作用，所以我不得不卸载并重新安装它，而没有在新安装中导入以前的设置。