vs kod '@ angular / core' modülünü veya diğer modülleri bulamıyor

projem [Angular CLI] 1.2.6 sürümüyle oluşturuldu.

Projeyi derleyebiliyorum ve iyi çalışıyor, ancak vs kodunda her zaman '@ angular / core' modülünü bulamıyorum '@ angular / router' modülünü bulamıyorum diyerek hata alıyorum .....

Tsconfig.json dosyamın içeriğini ekledim, bu benim için gerçekten sinir bozucu oldu, neyin yanlış olduğunu anlamak için 2 saat harcadım, çalışmıyor vs kodunu da kaldırdım ve yeniden yükledim.

İşte çevre şartnamem:

@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 işletme

proje kök klasörü

.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 klasörü

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

Bu sorunla yalnızca kendi oluşturduğum bileşenleri / hizmetleri içe aktarırken karşılaşıyordum. Benim gibi, kabul edilen çözümün işe yaramadığı kişiler için şunu deneyebilirsiniz:

Ekle

"baseUrl": "src"

senin içinde tsconfig.json. Bunun nedeni, görsel kod IDE'nin temel url'yi çözememesi, bu nedenle içe aktarılan bileşenlere giden yolu çözememesi ve hata / uyarı vermesidir.

Oysa açısal derleyici srcvarsayılan olarak baseurl olarak alır , böylece derleme yapabilir.

NOT:

Bu değişikliğin yürürlüğe girmesi için VS Code IDE'yi yeniden başlatmanız gerekir.

DÜZENLE:

Yorumlardan birinde belirtildiği gibi, bazı durumlarda çalışma alanı sürümünü değiştirmek de işe yarayabilir. Daha fazla ayrıntı burada: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

Açısal projede büyük olasılıkla eksik node_modules paketi, şunu çalıştırın:

npm install

açısal proje klasörünün içinde.

Herhangi bir güncelleme veya yükleme veya önbelleği temizleme durumunda Görsel Kodun yeniden başlatılması gerekir

benim için düzeltme koşmaktı

npm install

ve sonra boşaltın, ardından projeyi visual studio'da yeniden yükleyin.

angular 5Bugün başvurumda bu sorunla karşılaşıyordum . Ve bana yardımcı olan düzeltme basitti. Eklediğim "moduleResolution": "node"için compilerOptionsde tsconfig.jsondosyaya. Tam tsconfig.jsondosya içeriğim aşağıda.

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

moduleResolutionModül çözünürlük stratejisini belirler. Bu ayarların değeri nodeveya olabilir classic. Bununla ilgili daha fazlasını buradan okuyabilirsiniz .

Düğüm Modülleri klasörünü proje klasöründen silin.Aşağıdaki komutu çalıştırın

npm cache clean --force npm install

İşe yaramalı.

Şunları kullanmayı deneyin:

npm audit fix --force

ve sonra:

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

@ng-bootstrap/ng-bootstrapküresel olarak tasarruf etmek yerine .

Ben de aynı sorunu yaşadım. Ben ise takas npm cache bunu çözüldü "C: \ Users \ Yönetici \ AppData \ Roaming \ npm-cache"

Veya basitçe çalıştırabilirsiniz:

npm cache clean --force

ve ardından vscode'u kapatın ve ardından klasörünüzü yeniden açın.

Ben de aynı sorunla karşı karşıyaydım, bunun iki nedeni olabilirdi:

1. Src temel klasörünüz bildirilmemiş olabilir, bunu çözmek için tsconfig.json adresine gidin ve temel url'yi "src" olarak ekleyin -

{
  "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'de sorun yaşayabilirsiniz, Bunu çözmek için komut pencerenizi açın ve çalıştırınnpm install

Zaten yüklediğim tüm uzantıları kaldırdım ve soruna aşağıdaki adresten JavaScript ve TypeScript IntelliSense uzantısının neden olduğu ortaya çıktı. https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

Buradaki nokta, web sitesini ziyaret ettiğinizde, önizleme sürümünde olduğunu söyleyen sarı bir etiket olduğunu, ancak uzantılara karşı göz attığınızda bu etiketi görmediğinizdir.

Adamların burada bilgilendirdiği birçok şeyi denedim, başarılı olamadım. Daha sonra VSCode uzantısı için Deno Desteği kullandığımı fark ettim. Onu kaldırdım ve yeniden başlatılması gerekiyordu. Yeniden başlattıktan sonra sorun çözüldü.

Manuel olarak yüklemeniz gerekir.

$ npm i @angular/core -s

bu uzantı https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript bana görsel kodda hataya neden oluyordu, onu kaldırdım ve benim için çalışıyor

Benim durumumda, ithalat satırının yanlış yazılmasıydı. Manuel olarak yazıyorsanız @ angular / core kısmını doğru yazdığınızı kontrol edin.

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

Benim için düzeltme, tüm projeyi içe aktarmaktı. 2019 yılında bu sorunu yaşayanlar için lütfen projenin bir parçası değil tüm projeyi ithal edip etmediğini kontrol edin.

Yaptığım şeyi (aptalca) yaptıysanız ... Bu, bir bileşen klasörünü projeme sürükleyip bırakmaktı, o zaman muhtemelen onu düzeltmek için yaptığım şeyi yaparak çözebileceksiniz.

Açıklama : Temel olarak, bir şekilde Angualar CLI, InteliJ'e ne @angularanlama geldiğini söylemelidir . Eğer sadece projede dosyayı plop takdirde olmadan Açısal CLI yani kullanarak ng g componentName --module=app.moduleIntelliJ Ne olduğu hakkında hiçbir fikri vardır, böylece daha sonra Açısal CLI bu başvuruyu güncelleştirmek bilmiyor.

Yaklaşım : Referanslarını güncellemek için Angular CLI'yi tetikleyin @angular. Şu anda bunu yapmanın tek bir yolunu biliyorum ...

Uygulama : Sorun yaşadığınız bileşenle aynı seviyede yeni bir bileşen ekleyin . ng g tempComponent --module=app.module Bu, Angular CLI'yi projede bu referansları çalıştırmaya ve güncellemeye zorlamalıdır. Şimdi sadece oluşturduğunuz tempComponent'i silin ve app.module'dan herhangi bir referansı kaldırmayı unutmayın .

Umarım bu başka birine yardım eder.

Aynı sorunu yaşadım, tuhaftı çünkü proje derlendi ve hatasız çalıştı. Npm'yi güncelledim ve ardından paketleri yeniden yükledim

npm update
npm install

sonra vs kodu bunu söylemeyi bırakın.

Tek yapmanız gereken, projenize "nodes_modules" klasörünü eklemeniz gerektiğidir. Git komut satırı aracılığıyla github'dan herhangi bir projeyi klonladığınızda bu sorunla karşılaşabilirsiniz.

Visual Studio Code'da mevcut projeleri klonlarken veya açarken oluşur. Entegre terminalde npm install komutunu çalıştırın.

Bu sorunu şu şekilde çözdüm:

1. Projenizle birlikte Visual stüdyo kodunu açın.
2. Terminal -> Yeni Terminal.
3. Yazın npm install.

Aşağıdaki iki komutu yürütmek sorunu benim için çözer:

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

Büyük olasılıkla npm paketi eksiktir. Ve bazen npm yüklemesi sorunu çözmez.

Aynı şeyle karşılaştım ve bu sorunu node_modulesklasörü silerek çözdüm ve sonranpm install

Visual Studio için ->

    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 durum çubuğunda, daktilo versiyonunu gösteriyor olmalıdır - bunun gibi

Bu sürüm numarasına tıklamak size bunu, mevcut farklı sürümleri gösterecektir.

VSCode sürümünü kullanıyorsanız, Çalışma Alanı sürümüne geçmek, tsconfig.json yerine VScode sorunuysa sorunu çözer (bunu zaten kullanıyorum, bu nedenle vurgulanmamış)

Bunu dene, benim için çalıştı:

npm i --save @angular/platform-server  

Ardından VS kodunu yeniden açın

Bu benim için çalıştı.

 npm install --save-dev @angular-devkit/build-angular

Benim durumumda projeyi açısal 10'a yükselttiğimde bu hatalar yaşadım.

Eğik cli yaratır tsconfig.json, tsconfig.base.jsonve tsconfig.app.jsonben silerken tsconfig.json ve yeniden adlandırma tsconfig.base.json için tsconfig.ts her şeyi Tamam olacak. Ayrıca değişim içine uzanır gerekir tsconfig.app.json için tsconfig.json

Sublime Text ile aynı sorunları yaşadım.

Aşağıdaki çözümü buldum: Az önce düzenledim

tsconfig.json

Yeni oluşturulan uygulamamı dahil etmek için Angular çalışma alanının kökünde.

 {
  "files": [],
  "references": [
    {
      "path": "./projects/client/tsconfig.app.json"
    },
    {
      "path": "./projects/client/tsconfig.spec.json"
    },
    {
      "path": "./projects/vehicle-market/tsconfig.app.json"
    },
    {
      "path": "./projects/vehicle-market/tsconfig.spec.json"
    },
    {
      "path": "./projects/mobile-de-lib/tsconfig.lib.json"
    },
    {
      "path": "./projects/mobile-de-lib/tsconfig.spec.json"
    }
  ]
    }

Koşmak

npm install 

çoğu durumda işe yarayacak

Benim bakış açıma göre, kullandığınız CLI ve kütüphaneler uyumsuz. İonic CLI sürüm 1, ionic CLI sürüm 4 için kitaplıklar oluşturamaz. En iyi çözüm, CLI sürümünüzü yükseltmeyi denemektir. Aksi takdirde, aynı işletim sistemi üzerinde birden çok düğüm sürümünü çalıştırmanıza izin veren nvm'yi kullanabilirsiniz. Bu, gereksinimlere bağlı olarak farklı projelerde farklı ionic CLI sürümlerini kullanmanıza yardımcı olabilir.

Nvm @: Resmi windows repolarına göz atın . Bir MAC ve Linux versiyonu da var.