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