Vs не может найти модуль '@angular/core' или любые другие модули

мой проект был сгенерирован с [ Angular CLI] версии 1.2.6.

Я могу скомпилировать проект, и он отлично работает, но я всегда получаю ошибку в коде, рассказывающем мне не может найти модуль '@angular/core' не может найти модуль '@angular/router' не может найти модуль.....

screenshot screenshot

Я добавил содержимое моего файла 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 vs 10 enterprise

корневая папка проекта

.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

[email protected]
--animations
--cli
--common
--compiler
--compiler-cli
--core
[email protected]
---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
[email protected]
--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"
    ]
  }
}

Ответ 1

Я удалил все расширение, которое я уже установил, и, оказывается, JavaScript и TypeScript Расширение IntelliSense из-под адреса вызвало эту проблему. https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

точка здесь, когда вы посещаете веб-сайт, видите ли, есть желтый ярлык, сообщая вам, что он находится в предварительном выпуске, но когда вы просматриваете расширения vs, вы не видите эту метку.

Ответ 2

Я столкнулся с этой проблемой только при импорте собственных созданных компонентов/сервисов. Для тех из вас, как я, для которых не работает принятое решение, можете попробовать это:

добавлять

"baseUrl": "src"

в вашем tsconfig.json. Причина в том, что визуальный код IDE не может разрешить базовый URL, поэтому не может разрешить путь к импортированным компонентам и выдает ошибку/предупреждение.

Принимая во внимание, что угловой компилятор принимает src качестве baseurl по умолчанию, поэтому он может компилироваться.

НОТА:

Вам нужно перезапустить VS Code IDE, чтобы это изменение вступило в силу.

РЕДАКТИРОВАТЬ:

Как упомянуто в одном из комментариев, в некоторых случаях может также работать изменение версии рабочей области. Более подробно здесь: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

Ответ 3

Скорее всего, отсутствует пакет node_modules в угловом проекте:

npm install

внутри угловой проектной папки.

Ответ 4

Визуальный перезапуск кода необходим, если любое обновление или установка или очистка кэша

Ответ 5

решение для меня было бежать

npm install

и затем выгрузите, затем перезагрузите проект в visual studio.

Ответ 6

Попробуйте использовать:

npm audit fix --force

а потом:

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

вместо сохранения @ng-bootstrap/ng-bootstrap глобально.

Ответ 7

У меня такая же проблема. Я решил это, очистив кэш npm, который находится в "C:\Users\Administrator\AppData\Roaming\npm-cache"

Или вы можете просто запустить:

npm cache clean --force

затем закройте vscode и снова откройте папку.

Ответ 8

Я столкнулся с этой проблемой в моем angular 5 приложении angular 5 сегодня. И исправить, которое мне помогло, было просто. Я добавил "moduleResolution": "node" в compilerOptions в файле tsconfig.json. Мое полное 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. Вы можете прочитать больше об этом здесь.

Ответ 9

Удалите angular-cli из вашего package.json и замените его на @angular/cli

$ npm uninstall angular-cli
$ npm install @angular/cli --save-dev

Казалось, это работает для меня.

Ответ 10

Все, что вам нужно сделать, это то, что вы должны включить папку "nodes_modules" в свой проект. Вы можете столкнуться с этой проблемой, когда клонируете любой проект из командной строки github throu git.

Ответ 11

Происходит при клонировании или открытии существующих проектов в коде Visual Studio. В интегрированном терминале выполните команду npm install

Ответ 13

Я решил эту проблему следующим образом:

  1. Откройте код Visual Studio вместе с вашим проектом.
  2. Терминал → Новый Терминал.
  3. Напишите npm install.

Ответ 14

В моем случае это было неправильное написание строки импорта. Убедитесь, что вы правильно написали часть @angular/core, если печатаете ее вручную.

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

Ответ 15

Исправление для меня было импортировать весь проект. Для тех, кто имеет эту проблему в 2019 году, пожалуйста, проверьте, если вы импортировали весь проект, не являющийся частью проекта.

Ответ 16

Столкнулся с той же проблемой. Я перезапустил редактор визуального кода, и он решил мою проблему.

Ответ 17

С моей точки зрения, CLI, который вы используете, и библиотеки не совпадают. Ионная CLI версии 1 не может создавать библиотеки для ионной версии CLI 4. Лучшее решение - попытаться обновить версию CLI. В противном случае вы можете использовать nvm, который позволяет запускать несколько версий узлов в одной и той же ОС. Это может помочь вам использовать разные версии CLI в разных проектах в зависимости от требований.

Проверьте nvm @: их официальный репозиторий Windows. Существует также версия для MAC и Linux.

Ответ 18

Я застрял с этой проблемой на пару часов, все, что я сделал, это перезапустил VS Code, и проблема исчезла.

Ответ 19

Беги

npm install 

это будет работать в большинстве случаев

Ответ 20

Если мы получим этот тип ошибки, просто используйте команду:

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

После установки также отображается сообщение об ошибке, просто удалите несколько слов и снова добавьте это слово в рабочее состояние.