vs代码找不到模块'@ angular / core'或其他模块

我的项目是使用[Angular CLI] 1.2.6版生成的。

我可以编译该项目,它工作正常,但我总是得到错误在代码中告诉我找不到模块'@ angular / core'找不到模块'@ angular / router'找不到模块.....

截图截图

我附加了我的tsconfig.json文件的内容,这对我来说真是令人沮丧,花了2个小时来弄清楚什么是错误的,我也卸载并重新安装了vs代码,它不起作用。

这是我的环境规范:

@angular/cli: 1.2.6
node: 6.9.1
os: win32 x64
@angular/animations: 4.3.4
@angular/common: 4.3.4
@angular/compiler: 4.3.4
@angular/core: 4.3.4
@angular/forms: 4.3.4
@angular/http: 4.3.4
@angular/platform-browser: 4.3.4
@angular/platform-browser-dynamic: 4.3.4
@angular/router: 4.3.4
@angular/cli: 1.2.6
@angular/compiler-cli: 4.3.4
@angular/language-service: 4.3.4

os:微软vs 10企业

项目根文件夹

.angular-cli.json
.editorconfig
.gitignore
.vscode
e2e
karma.conf.js
node_modules
package.json
protractor.conf.js
README.md
src
tsconfig.json
tslint.json

node_module文件夹

-@angular
--animations
--cli
--common
--compiler
--compiler-cli
--core
---@angular
---bundles
---core.d.ts
---core.metadata.json
---package.json
---public_api.d.ts
---README.md
---src
---testing
---testing.d.ts
---testing.metadata.json
--forms
--http
--language-service
--platform-browser
--platform-browser-dynamic
--router
--tsc-wrapped
@ng-bootstrap
@ngtools
-@types
--jasmine
--jasminewd2
--node
--q
--selenium-webdriver

tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

我只是在导入我自己创建的组件/服务时遇到了这个问题对于像我这样对上述解决方案无效的人,可以试试这个:

"baseUrl": "src"

在你的tsconfig.json 。 原因是可视代码无法解析基础URL,因此无法解析导入组件的路径并给出错误/警告。

而angular编译器默认使用src作为baseurl,所以它能够编译。

编辑:

您需要重新启动VS Code IDE才能使此更改生效。


我卸载了我已经安装的所有扩展,结果从下面的地址得到JavaScript和TypeScript IntelliSense扩展导致了这个问题。 https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

这里的要点是当你访问网站时你看到有一个黄色标签,告诉你它在预览版中,但是当你浏览vs扩展时,你看不到那个标签。


您只需要在项目中包含“nodes_modules”文件夹即可。 当你从github通过命令行克隆任何项目时,你可能会面临这个问题。

链接地址: http://www.djcxy.com/p/97075.html

上一篇: vs code cannot find module '@angular/core' or any other modules

下一篇: when using Double Square brackets and when single square brackets