[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"했습니다 . 내 전체 파일 내용은 다음과 같습니다.compilerOptionstsconfig.jsontsconfig.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전 세계적으로 저축하는 대신 .