webentwicklung-frage-antwort-db.com.de

vs code kann das Modul '@ angle/core' oder andere Module nicht finden

mein Projekt wurde mit [Angular CLI] Version 1.2.6 erstellt.

Ich kann das Projekt kompilieren und es funktioniert gut, aber ich bekomme immer einen Fehler in vs code, der mir sagt, dass das Modul'@angular/core 'nicht gefunden wird .....

 screenshot  screenshot

Ich habe den Inhalt meiner Datei "tsconfig.json" angehängt. Dies ist wirklich frustrierend für mich, ich habe zwei Stunden damit verbracht, herauszufinden, was falsch ist Arbeit.

hier ist meine umweltspezifikation:

@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 Unternehmen

projektstammordner

.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 Ordner 

[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"
    ]
  }
}
32
Arash

Ich habe alle bereits installierten Erweiterungen deinstalliert, und es stellt sich heraus, dass JavaScript und die Erweiterung "TypeScript IntelliSense" von unten verursacht wurden https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-TypeScript

der Punkt hier ist, wenn Sie die Website besuchen, auf der Sie sehen, dass es eine gelbe Beschriftung gibt, die Ihnen mitteilt, dass sie sich in der Vorschau-Version befindet. Wenn Sie jedoch in vs-Erweiterungen suchen, wird diese Beschriftung nicht angezeigt.

3
Arash

Dieses Problem hatte ich nur beim Importieren meiner eigenen erstellten Komponenten/Services. Für diejenigen von Ihnen wie mir, für die die akzeptierte Lösung nicht funktioniert hat, können Sie Folgendes versuchen:

Hinzufügen

"baseUrl": "src"

in Ihrem tsconfig.json. Der Grund ist, dass der visuelle Code IDE die Basis-URL nicht auflösen kann. Daher kann er den Pfad zu den importierten Komponenten nicht auflösen und gibt einen Fehler/eine Warnung aus.

Während der Winkel-Compiler standardmäßig src als Basiswert verwendet, kann er kompiliert werden.

HINWEIS:

Sie müssen VS Code IDE neu starten, damit diese Änderung wirksam wird.

EDIT:

Wie in einem Kommentar erwähnt, kann in einigen Fällen auch die Version des Arbeitsbereichs geändert werden. Weitere Informationen finden Sie hier: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

58
tryingToLearn

Wahrscheinlich fehlt das node_modules-Paket im Winkelprojekt. Führen Sie Folgendes aus:

npm install

innerhalb des eckigen Projektordners.

17
Stefan Mitic

Ein visueller Code-Neustart ist erforderlich, wenn der Cache aktualisiert oder installiert oder gelöscht wird 

8
vbrgr

die Lösung für mich war zu laufen 

npm install

und entladen Sie dann das Projekt in Visual Studio. 

5
joey

Ich hatte das gleiche problem Ich habe es gelöst, indem ich den npm-Cache geleert habe, der sich unter "C:\Users\Administrator\AppData\Roaming\npm-cache" befindet

Oder Sie können einfach laufen:

npm cache clean --force

schließen Sie anschließend vscode und öffnen Sie den Ordner erneut.

4
waqas.sidd

Versuchen Sie es mit:

npm audit fix --force

und dann:

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

anstatt @ng-bootstrap/ng-bootstrap global zu speichern.

4

Ich war heute in meiner angular 5-Anwendung mit diesem Problem konfrontiert. Und der Fix, der mir half, war einfach. Ich habe "moduleResolution": "node" zur compilerOptions in der tsconfig.json-Datei hinzugefügt. Mein vollständiger tsconfig.json-Dateiinhalt befindet sich unten. 

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

Die Variable moduleResolution gibt die Auflösungsstrategie für das Modul an. Der Wert dieser Einstellungen kann node oder classic sein. Sie können mehr über dieses hier lesen.

2
Sibeesh Venu

diese Erweiterung https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-TypeScript verursachte den Fehler im visuellen Code. Ich deinstallierte ihn und es funktioniert für mich

1
Mateo Rincon

Konfrontiert mit demselben Problem ... Ich habe den Visual Code Editor neu gestartet und mein Problem gelöst.

0
shashijais789

In meinem Fall handelte es sich um einen Rechtschreibfehler in der Importzeile. Überprüfen Sie, ob Sie das @ eckige/Kernteil richtig geschrieben haben, wenn Sie es manuell eingeben.

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

Ich blieb dieses Problem einige Stunden lang hängen. Ich musste nur VS Code neu starten, und das Problem ist weg. 

0
V Reddy

Sie müssen lediglich den Ordner "node_modules" in Ihr Projekt aufnehmen. Dieses Problem kann auftreten, wenn Sie ein Projekt von github über die git-Befehlszeile klonen.

0
Anand

Entfernen Sie angular-cli aus Ihrem package.json und ersetzen Sie es durch @angular/cli

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

Das schien für mich zu funktionieren.

0
Limbani Akash

Die Lösung für mich war, das gesamte Projekt zu importieren. Wenn Sie dieses Problem im Jahr 2019 haben, überprüfen Sie bitte, ob Sie das gesamte Projekt importiert haben, das nicht Teil des Projekts ist.

0
Master rsl

Tritt beim Klonen oder Öffnen vorhandener Projekte in Visual Studio-Code auf . Führen Sie im integrierten Terminal den Befehl npm install aus

0
Paras Rawat

Ich habe dieses Problem folgendermaßen gelöst:

  1. Öffnen Sie Visual Studio-Code mit Ihrem Projekt.
  2. Terminal -> Neues Terminal.
  3. Schreiben Sie npm install.
0
Mohamad Alhamid