so với mã không thể tìm thấy mô-đun '@ angle / core' hoặc bất kỳ mô-đun nào khác

dự án của tôi được tạo bằng [Angular CLI] phiên bản 1.2.6.

Tôi có thể biên dịch dự án và nó hoạt động tốt, nhưng tôi luôn gặp lỗi trong mã vs nói với tôi không thể tìm thấy mô-đun '@ angle / core' không thể tìm thấy mô-đun '@ angle / router' không thể tìm thấy mô-đun .....

Tôi có đính kèm nội dung của tệp tsconfig.json của tôi, điều này thực sự làm tôi bực bội, dành 2 giờ để tìm ra lỗi gì, tôi cũng đã gỡ cài đặt và cài đặt lại mã vs nó không hoạt động.

đây là đặc điểm kỹ thuật môi trường của tôi:

@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

hệ điều hành: Microsoft so với 10 doanh nghiệp

thư mục gốc dự án

.angular-cli.json
.editorconfig
.gitignore
.vscode
e2e
karma.conf.js
node_modules
package.json
protractor.conf.js
README.md
src
tsconfig.json
tslint.json

thư mục 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"
    ]
  }
}

Tôi chỉ gặp sự cố này khi nhập các thành phần / dịch vụ do chính tôi tạo Đối với những người trong số các bạn như tôi, những người mà giải pháp được chấp nhận không hoạt động, có thể thử cách này:

Thêm vào

"baseUrl": "src"

trong của bạn tsconfig.json. Lý do là IDE mã trực quan không thể phân giải url cơ sở nên không thể phân giải đường dẫn đến các thành phần đã nhập và đưa ra lỗi / cảnh báo.

Trong khi đó, trình biên dịch góc có srcdạng baseurl theo mặc định để nó có thể biên dịch.

GHI CHÚ:

Bạn cần khởi động lại VS Code IDE để thay đổi này có hiệu lực.

BIÊN TẬP:

Như đã đề cập trong một trong các nhận xét, trong một số trường hợp, việc thay đổi phiên bản không gian làm việc cũng có thể hoạt động. Thêm chi tiết tại đây: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

Nhiều khả năng thiếu gói node_modules trong dự án góc, hãy chạy:

npm install

bên trong thư mục dự án góc.

Khởi động lại Visual Code là cần thiết nếu có bất kỳ bản cập nhật hoặc cài đặt nào hoặc xóa bộ nhớ cache

sửa chữa cho tôi là chạy

npm install

và sau đó dỡ xuống, sau đó tải lại dự án trong studio trực quan.

Tôi đã phải đối mặt với vấn đề này trong angular 5ứng dụng của tôi ngày hôm nay. Và cách khắc phục đã giúp tôi, rất đơn giản. Tôi đã thêm "moduleResolution": "node"vào compilerOptionstrong tsconfig.jsonfile. tsconfig.jsonNội dung tệp hoàn chỉnh của tôi ở dưới đây.

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

Các moduleResolutionđịnh chiến lược giải quyết module. Giá trị của cài đặt này có thể là nodehoặc classic. Bạn có thể đọc thêm về điều này ở đây .

Xóa thư mục Mô-đun Node khỏi thư mục dự án. Chạy lệnh bên dưới

npm cache clean --force npm install

Nó sẽ hoạt động.

Hãy thử sử dụng:

npm audit fix --force

và sau đó:

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

thay vì tiết kiệm @ng-bootstrap/ng-bootstraptrên toàn cầu.

Tôi đã từng gặp vấn đề tương tự. Tôi đã giải quyết vấn đề này bằng cách xóa bộ nhớ cache npm tại "C: \ Users \ Administrator \ AppData \ Roaming \ npm-cache"

Hoặc bạn có thể chỉ cần chạy:

npm cache clean --force

và sau đó đóng vscode, rồi mở lại thư mục của bạn.

Tôi đang đối mặt với cùng một vấn đề, có thể có hai lý do cho điều này-

1. Thư mục cơ sở src của bạn có thể không được khai báo, để giải quyết vấn đề này, hãy truy cập tsconfig.json và thêm url cơ sở là "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. bạn có thể gặp sự cố trong npm, Để giải quyết vấn đề này, hãy mở cửa sổ lệnh của bạn và chạy-npm install

Tôi đã gỡ cài đặt tất cả tiện ích mở rộng mà tôi đã cài đặt và hóa ra JavaScript và tiện ích mở rộng TypeScript IntelliSense từ địa chỉ dưới đây đã gây ra sự cố. https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

vấn đề ở đây là khi bạn truy cập trang web, bạn thấy có một nhãn màu vàng, cho bạn biết nó đang trong bản phát hành xem trước, nhưng khi bạn duyệt trong phần mở rộng so với, bạn không thấy nhãn đó.

Tôi đã thử rất nhiều thứ mà những người đã thông báo ở đây nhưng không thành công. Sau đó, tôi mới nhận ra rằng mình đang sử dụng phần mở rộng Hỗ trợ Deno cho VSCode. Tôi đã gỡ cài đặt nó và bắt buộc phải khởi động lại. Sau khi khởi động lại, sự cố đã được giải quyết.

tiện ích mở rộng này https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript đã gây ra cho tôi lỗi trong mã trực quan, tôi đã gỡ cài đặt nó và nó hoạt động với tôi

Trong trường hợp của tôi, đó là lỗi chính tả của dòng nhập khẩu. Kiểm tra xem bạn đã viết đúng chính tả phần @ angle / core chưa nếu gõ thủ công.

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

Cách khắc phục cho tôi là nhập toàn bộ dự án. Đối với những người gặp vấn đề này trong năm 2019, vui lòng kiểm tra xem bạn đã nhập toàn bộ dự án không phải là một phần của dự án.

Nếu bạn đã làm những gì tôi (ngu ngốc) đã làm ... Đó là kéo và thả một thư mục thành phần vào dự án của tôi thì bạn có thể giải quyết nó bằng cách làm những gì tôi đã làm để sửa nó.

Giải thích : Về cơ bản, theo một số nghĩa thì Angualar CLI phải cho InteliJ biết @angularý nghĩa của nó. Nếu bạn chỉ mở tệp trong dự án của mình mà không sử dụng Angular CLI, tức là ng g componentName --module=app.moduleAngular CLI không biết cập nhật tham chiếu này nên IntelliJ không biết nó là gì.

Phương pháp tiếp cận : Kích hoạt Angular CLI để cập nhật các tham chiếu của @angular. Tôi hiện chỉ biết một cách để làm điều này ...

Triển khai : Thêm một thành phần mới ở cùng cấp với thành phần mà bạn gặp sự cố. ng g tempComponent --module=app.module Điều này sẽ buộc Angular CLI chạy và cập nhật các tham chiếu này trong dự án. Bây giờ chỉ cần xóa tempComponent bạn vừa tạo và đừng quên xóa mọi tham chiếu đến nó trong app.module .

Hy vọng điều này sẽ giúp người khác ra ngoài.

Tôi đã gặp vấn đề tương tự, thật kỳ lạ vì dự án được biên dịch và chạy mà không có lỗi. Tôi đã cập nhật npm và sau đó cài đặt lại các gói

npm update
npm install

thì vs code thôi không nói nữa.

Bạn cần phải cài đặt nó theo cách thủ công.

$ npm i @angular/core -s

Tất cả những gì bạn cần làm là bạn phải đưa vào thư mục "node_modules" trong dự án của mình. Bạn có thể gặp phải sự cố này khi sao chép bất kỳ dự án nào từ dòng lệnh github throu git.

Xảy ra khi nhân bản hoặc mở các dự án hiện có trong Visual Studio Code. Trong thiết bị đầu cuối tích hợp, chạy lệnh npm install

Tôi đã giải quyết vấn đề này như sau:

1. Mở mã Visual studio với dự án của bạn.
2. Nhà ga -> Nhà ga mới.
3. Viết npm install.

Thực hiện hai lệnh sau giải quyết vấn đề cho tôi:

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

Nhiều khả năng gói npm bị thiếu. Và đôi khi cài đặt npm không khắc phục được sự cố.

Tôi cũng gặp phải vấn đề tương tự và tôi đã giải quyết vấn đề này bằng cách xóa node_modulesthư mục và sau đónpm install

cho 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 

Trong thanh trạng thái VSCode, nó phải hiển thị phiên bản sắp chữ - như thế này

Nhấp vào số phiên bản đó sẽ hiển thị cho bạn điều này, các phiên bản khác nhau có sẵn.

Nếu bạn đang sử dụng phiên bản VSCode thì việc chuyển sang phiên bản Workspace sẽ giải quyết được vấn đề nếu đó là vấn đề VScode chứ không phải tsconfig.json của bạn (Tôi đã sử dụng phiên bản đó, vì vậy không được đánh dấu)

Hãy thử điều này, nó đã làm việc cho tôi:

npm i --save @angular/platform-server  

Sau đó mở lại mã VS

Chạy

npm install 

nó sẽ hoạt động trong hầu hết các trường hợp

Theo quan điểm của tôi, CLI bạn đang sử dụng và các thư viện không khớp. Phiên bản CLI ion 1 không thể xây dựng thư viện cho phiên bản CLI ion 4. Giải pháp tốt nhất là thử nâng cấp phiên bản CLI của bạn. Nếu không, bạn có thể sử dụng nvm cho phép bạn chạy nhiều phiên bản nút trên cùng một hệ điều hành Điều này có thể giúp bạn sử dụng các phiên bản CLI ion khác nhau trên các dự án khác nhau tùy thuộc vào yêu cầu.

Kiểm tra nvm @: Cửa sổ repo chính thức của họ. Ngoài ra còn có phiên bản MAC và Linux.

Nếu chúng tôi gặp loại lỗi này, chỉ cần sử dụng lệnh:

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

Sau khi cài đặt này cũng hiển thị lỗi chỉ cần loại bỏ một vài từ sau đó thêm một lần nữa từ đó hoạt động.