WebStorm 未知的 HTML 標簽 Angular 2

Question

剛剛下載了最新的 WebStorm 試用版，以在現有的 Angular 2 CLI v6.2.4 上試用。

我打開了我的根項目文件夾的文件。 我在 IDE 資源管理器中看到了所有文件。 但是無法導航代碼（ Ctrl + F1 ）表示未知的 HTML 標記。

為 Angular 2 配置 WebStorm 的步驟是什么？ 我用谷歌搜索並轉到Settings -> Languages & Frameworks -> JS -> Libraries -> Add並沒有在那里列出。

對於“創建新項目”，我確實看到列出了 Angular，但這是在 WebStorm 之外創建的現有 CLI 項目。

請指教如何設置。

Answer 1

請確保在Preferences | 中啟用了AngularJS插件。 插件和@angular node_modules 不會從項目中排除：僅當node_modules/@angular文件夾包含在索引中時，Angular 支持才啟用。 展開node_modules在Project工具窗口中檢查一下什么@angular文件夾看起來像有：排除的文件夾通常有橙色

Answer 2

@Gullu，我解決了非常相似的錯誤（PHPStorm 的代碼分析會沖我大喊大叫）通過去你說的地方（設置 \\ 語言和框架 \\ Javascript \\ 庫），按鈕“下載”，然后在下拉菜單中我選擇了輸入用於角形和角形材料（花了我 2 個步驟）。 之后一切都很好。

Answer 3

關閉 Webstorm，刪除node_modules和.idea文件夾。 執行全新安裝並再次打開項目。

Answer 4

您的開發依賴項可能未安裝。

試試npm i --only=dev

如果這不起作用，則可能是 ide 識別角度模塊的問題。

在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 將需要一些時間，具體取決於您的處理器，但該處理只是一次。對於后續加載，它不會花費那么長時間。 （PS：您也可以在所有模塊加載完畢后重新啟動ide以減少內存使用量）