vs 코드는 '@ angular / core'모듈 또는 다른 모듈을 찾을 수 없습니다.

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"

in your tsconfig.json. The reason is that visual code IDE is unable to resolve the base url so is unable to resolve path to imported components and gives error/warning.

Whereas angular compiler takes src as baseurl by default so it is able to compile.

NOTE:

You need to restart VS Code IDE to make this change come into effect.

EDIT:

As mentioned in one of the comments, in some cases changing workspace version might also work. More details here: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

---

Most likely missing node_modules package in the angular project, run:

npm install

inside the angular project folder.

---

Visual Code restart is needed if any update or install or clear cache

---

the fix for me was to run

npm install

and then unload,then reload the project in visual studio.

---

I was facing this issue in my angular 5 application today. And the fix which helped me, was simple. I added "moduleResolution": "node" to the compilerOptions in the tsconfig.json file. My complete tsconfig.json file content is below.

{
  "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"
    ]
  }
}

The moduleResolution specify module resolution strategy. The value of this settings can be node or classic. You may read more about this here.

---

Try using:

npm audit fix --force

and then:

npm install --save @ng-bootstrap/ng-bootstrap

instead of saving @ng-bootstrap/ng-bootstrap globally.

---

I had the same problem. I resolved it by clearing npm cache which is at "C:\Users\Administrator\AppData\Roaming\npm-cache"

Or you can simply run:

npm cache clean --force

and then close vscode, and then open your folder again.

---

I uninstalled all extension I had already installed, and it turns out JavaScript and TypeScript IntelliSense extension from below address caused the issue. https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

the point here is when you visit the website you see there is a yellow label, telling you it is in preview release, but when you browse in vs extensions, you don't see that label.

---

this extension https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript was causing me the error in visual code, I uninstalled it and it works for me

---

All you need to do is that you have to include "nodes_modules" folder in your project. You might face this problem when you clone any project from github throu git command line.

---

Occurs when cloning or opening existing projects in Visual Studio Code. In the integrated terminal run the command npm install

---

In my case it was a mispelling of the import line. Check that you have spelt the @angular/core part properly if typing it out manually.

import { Component } from '@angular/core';

---

The fix for me was to import the entire project. For those who have this problem in 2019 please check if you have imported the entire project not a part of the project.

---

Faced the same issue. I restarted the Visual Code Editor and it resolved my problem.

---

I solved this problem as follow:

1. Open Visual studio code with your project.
2. Terminal -> New Terminal.
3. Write npm install.

---

I got stuck with this issue for couple of hours, all i did was to restart VS Code and the issue is gone.

---

Do run

npm install 

it will work most of the cases

---

내 관점에서 사용중인 CLI와 라이브러리가 일치하지 않습니다. ionic CLI 버전 1은 ionic CLI 버전 4에 대한 라이브러리를 빌드 할 수 없습니다. 가장 좋은 해결책은 CLI 버전을 업그레이드하는 것입니다. 그렇지 않으면 동일한 OS에서 여러 노드 버전을 실행할 수있는 nvm을 사용할 수 있습니다. 그러면 요구 사항에 따라 다른 프로젝트에서 다른 ionic CLI 버전을 사용할 수 있습니다.

nvm @ : 공식 창 저장소를 확인하십시오 . MAC 및 Linux 버전도 있습니다.

---

이러한 유형의 오류가 발생하면 다음 명령을 사용하십시오.

 npm i @anglar/core,
 npm i @angular/common,
 npm i @angular/http,
 npm i @angular/router

설치 후 오류가 표시되면 몇 단어 만 제거한 다음 해당 단어를 다시 추가하십시오.

참고 URL : https://stackoverflow.com/questions/45903511/vs-code-cannot-find-module-angular-core-or-any-other-modules