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

мой проект был создан с помощью [Angular CLI] версии 1.2.6.

Я могу скомпилировать проект, и он работает нормально, но я всегда получаю ошибку в коде vs, говоря, что я не могу найти модуль '@ 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

ОС: 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-адрес, поэтому не может определить путь к импортированным компонентам и выдает ошибку / предупреждение.

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

НОТА:

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

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

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

Скорее всего, в проекте angular отсутствует пакет node_modules, запустите:

npm install

внутри папки проекта angular.

При обновлении, установке или очистке кеша требуется перезапуск 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глобально.

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

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

npm cache clean --force

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

Я столкнулся с той же проблемой, для этого могло быть две причины -

1. Возможно, ваша базовая папка src не была объявлена, чтобы решить эту проблему, перейдите в tsconfig.json и добавьте базовый URL-адрес как "src" -

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

2. у вас может быть проблема в npm. Чтобы решить эту проблему, откройте командное окно и запустите -npm install

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

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

Я пробовал многое из того, что рассказали здесь ребята, но безуспешно. После этого я просто понял, что использую расширение Deno Support for VSCode. Я удалил его, и потребовалась перезагрузка. После перезагрузки проблема решилась.

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

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

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

Для меня решением было импортировать весь проект. Тем, у кого возникла эта проблема в 2019 году, проверьте, импортировали ли вы весь проект, а не его часть.

Если бы вы сделали то, что сделал я (по глупости) ... То есть перетащили папку компонентов в мой проект то вы, вероятно, сможете решить эту проблему, сделав то же, что и я.

Объяснение : По сути, Angualar CLI каким-то @angularобразом должен сообщать InteliJ, что это значит. Если вы просто вставляете файл в свой проект без использования Angular CLI, т.е.ng g componentName --module=app.module тогда Angular CLI не знает, как обновить эту ссылку, поэтому IntelliJ не знает, что это такое.

Подход : запускайте Angular CLI для обновления ссылок@angular . В настоящее время я знаю только один способ сделать это ...

Реализация : добавьте новый компонент на том же уровне, что и компонент, с которым у вас возникли проблемы. ng g tempComponent --module=app.module Это должно заставить Angular CLI запускаться и обновлять эти ссылки в проекте. Теперь просто удалите только что созданный компонент tempComponent и не забудьте удалить любую ссылку на него в app.module. .

Надеюсь, это поможет кому-то другому.

У меня была такая же проблема, это было странно, потому что проект скомпилировался и работал без ошибок. Я обновил npm, а затем переустановил пакеты

npm update
npm install

тогда vs code перестань это говорить.

Вам нужно установить его вручную.

$ npm i @angular/core -s

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

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

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

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

Выполнение следующих двух команд решает проблему для меня:

npm install -g @angular/cli
ng update --all --force

Скорее всего отсутствует пакет npm. А иногда установка npm не решает проблему.

Я столкнулся с тем же, и я решил эту проблему, удалив node_modulesпапку, а затемnpm install

для Visual Studio ->

    Seems like you don't have `node_modules` directory in your project folder.
     
    Execute this command where `package.json` file is located:
    
     npm install 

В строке состояния VSCode должна отображаться версия машинописного текста - вот так

Нажав на этот номер версии, вы увидите, что доступны разные версии.

Если вы используете версию VSCode, переключение на версию Workspace решает проблему, если это проблема VScode, а не ваш tsconfig.json (я уже использую его, поэтому не выделен)

Попробуйте это, у меня это сработало:

npm i --save @angular/platform-server  

Затем снова откройте код VS

Беги

npm install 

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

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

Проверьте nvm @: Их официальное хранилище Windows. Также есть версия для MAC и Linux.

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

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

После установки это также показывает ошибку, просто удалите несколько слов, а затем снова добавьте это слово, которое работает.