WebStorm 未知 HTML 标签 Angular 2

WebStorm unknown HTML tag Angular 2

刚刚下载了最新的 WebStorm 试用版以试用现有的 Angular 2 CLI v6.2.4。

我打开了根项目文件夹的文件。我在 IDE 资源管理器中看到了所有文件。但是无法导航代码 (Ctrl + F1) 表示未知 HTML 标记。

为 Angular 2 配置 WebStorm 的步骤是什么?我用谷歌搜索,也去了 Settings -> Languages & Frameworks -> JS -> Libraries -> Add 但没有在那里列出。

对于 "Create new project" 我确实看到 Angular 已列出,但这是在 WebStorm 之外创建的现有 CLI 项目。

请告知如何设置。

请确保 AngularJS 插件在 首选项中启用 |插件 @angular node_modules 未从项目中排除:仅当索引中包含 node_modules/@angular 文件夹时才启用 Angular 支持。在 Project 工具 window 中展开 node_modules 以检查 @angular 文件夹在那里的样子:排除的文件夹通常为橙色

@Gullu,我已经解决了非常相似的错误(PHPStorm 的代码分析会对我大吼大叫),方法是转到您所说的位置(设置\语言和框架\Javascript\库),按钮'Download' ,然后在下拉菜单中我选择了输入 angular 和 angular-material(我走了 2 步)。之后一切都很好。

您的开发依赖项可能未安装。

尝试npm i --only=dev

如果这不起作用,则可能是 ide ide 确认 angular 模块的问题。

preferences > language and frameworks > javascript > libraries 中添加 node_modules 可能会有所帮助

操作方法如下:

  1. 点击add
  2. 将打开编辑库弹出窗口。
  3. 随便给库命名。
  4. 选择 Node.js core modules 作为框架类型。
  5. 保持可见性设置为 project
  6. 我们不需要在文档 url 中添加任何内容。
  7. 现在单击第一个“+”按钮并从项目中添加 node_modules 目录。

添加库成功后,点击“应用”,然后点击“确定”。

ide 将花费一些时间,具体取决于您的处理器,但该处理只是一次 only.For 后续加载不会花费那么长时间。 (PS:您也可以在加载完所有模块后重新启动 ide 以减少内存使用)

关闭 Webstorm,删除 node_modules.idea 文件夹。执行全新安装并再次打开项目。