<SomeModule>不是Angular模块

Question

使用Angular项目时，我正在导入核心Angular NgModule，而Webstorm告诉我它们不是有效的Angular模块。

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule, // Gets the error
        AppRoutingModule,
        SharedModule,
        HttpClientModule, // Gets the error
        UpgradeModule, // Gets the error
        CoreModule,
    ],
    providers: [],
    bootstrap: [AppComponent],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {}

我正在导入app.module的所有模块都出现红字，表示它们不是Angular模块。我不能忍受着看代码。有没有人见过这个？请帮忙。

Answer 1

我与网络风暴小组进行了一次Google Hangouts，他们发现我的node_modules都没有被索引。我打开了项目首选项，并从排除的目录中删除了node_modules。完全工作。

• 点击Command + ,以打开“首选项”。
• 在左侧的偏好设置菜单中搜索Directories。
• 从右侧的排除部分中删除node_modules。
• 保存并应用更改
• 等待Webstorm重新索引项目和节点模块。

有效。

Answer 2

package.json中有错字时，我也遇到了同样的问题。 Webstorm（和所有JetBrains IDE）查看package.json，以查看顶级node_modules会导致哪些索引。如果您的package.json中有错别字，您将收到这样的错误。

就我而言，我缺少一个缺少的逗号。