角度10：尝试导入模块时找不到名称

Question

我使用CLI创建了一个新的Angular项目和该项目内的新模块。如果我尝试在app.module.ts中导入新创建的模块，则Intellisense无法正常工作，并且无法找到要自动导入的模块。我没有更改tsconfig.json文件中的任何内容。

• Angular CLI：10.0.4
• 节点：12.16.3
• 角度：10.0.5
• 打字稿：3.9.7
• VS代码：1.47.3

有什么想法会导致它吗？

编辑：手动导入效果很好，但是我在询问自动导入功能。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';



@NgModule({
  declarations: [],
  imports: [
    CommonModule
  ]
})
export class TestModule { }

Answer 1

我在项目的根文件夹中的tsconfig.json中找到了问题的根源。

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.spec.json"
    }
]
}

如果仅将其更改为此

{
  "extends": "./tsconfig.base.json"
}

VS Code自动导入开始工作

据我了解，主要问题是“文件”：[]，打字稿停止查看项目中未包含的所有文件。

github.com/microsoft/TypeScript/issues/39632
https://github.com/angular/vscode-ng-language-service/issues/876
人们提供相同的解决方案

Answer 2

尝试像这样在Testmodule内部导出子组件

 <select name='select' id='select'>
      <option value='val1'>Val1</option>
      <option value='val2'>Val2</option>
      <option value='' selected>Choose Value</option>
 </select>