Vs не может найти модуль '@angular/core' или любые другие модули
мой проект был сгенерирован с [ Angular CLI] версии 1.2.6.
Я могу скомпилировать проект, и он отлично работает, но я всегда получаю ошибку в коде, рассказывающем мне
не может найти модуль '@angular/core'
не может найти модуль '@angular/router'
не может найти модуль.....
![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
Ответ 12
это расширение https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript вызывало у меня ошибку в визуальном коде, я удалил ее, и она работает для меня
Ответ 13
Я решил эту проблему следующим образом:
- Откройте код Visual Studio вместе с вашим проектом.
- Терминал → Новый Терминал.
- Напишите
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
После установки также отображается сообщение об ошибке, просто удалите несколько слов и снова добавьте это слово в рабочее состояние.