[angular] 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 : Microsoft 대 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
. 그 이유는 비주얼 코드 IDE가 기본 URL을 확인할 수 없으므로 가져온 구성 요소에 대한 경로를 확인할 수없고 오류 / 경고를 제공하기 때문입니다.
각도 컴파일러는 src
기본적으로 baseurl을 사용하므로 컴파일 할 수 있습니다.
노트:
이 변경 사항을 적용하려면 VS Code IDE를 다시 시작해야합니다.
편집하다:
주석 중 하나에서 언급했듯이 경우에 따라 작업 영역 버전 변경도 작동 할 수 있습니다. 자세한 내용은 여기 : https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869
답변
각도 프로젝트에서 누락되었을 가능성이 가장 높은 node_modules 패키지는 다음을 실행합니다.
npm install
각도 프로젝트 폴더 안에 있습니다.
답변
업데이트 또는 설치 또는 캐시 삭제시 Visual Code를 다시 시작해야합니다.
답변
나를위한 해결책은 실행하는 것이었다
npm install
언로드 한 다음 Visual Studio에서 프로젝트를 다시로드합니다.
답변
나는 angular 5
오늘 내 응용 프로그램 에서이 문제에 직면했습니다 . 그리고 나를 도운 수정은 간단했습니다. 파일 에 추가 "moduleResolution": "node"
했습니다 . 내 전체 파일 내용은 다음과 같습니다.compilerOptions
tsconfig.json
tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
]
}
}
moduleResolution
모듈 해상도 전략을 지정합니다. 이 설정의 값은 node
또는 일 수 있습니다 classic
. 여기에서 이에 대한 자세한 내용을 읽을 수 있습니다 .
답변
프로젝트 폴더에서 Node Modules 폴더를 삭제하고 아래 명령을 실행하십시오.
npm cache clean --force
npm install
작동합니다.
답변
다음을 사용해보십시오.
npm audit fix --force
그리고:
npm install --save @ng-bootstrap/ng-bootstrap
@ng-bootstrap/ng-bootstrap
전 세계적으로 저축하는 대신 .