angular2: Không thể tìm thấy mô-đun '@ góc/lõi'

Question

Tôi làm theo các angular2 quick start để tạo ra dự án của tôi và tất cả mọi thứ hoạt động tốt nhưng tôi "tsc -w" dòng lệnh vẫn tiếp tục nói với tôi:

app/components/company/company.ts(1,36): error TS2307: Cannot find module '@angular/core'. 
app/components/company/company.ts(5,22): error TS2307: Cannot find module '@angular/router'. 
app/components/mission/mission.ts(1,36): error TS2307: Cannot find module '@angular/core'. 
app/components/mission/mission.ts(3,22): error TS2307: Cannot find module '@angular/router'. 

Và có là rất nhiều dòng khác như thế này. Tuy nhiên, mọi thứ được biên dịch thành công và ứng dụng của tôi hoạt động tốt, nhưng nó khá khó chịu khi có tất cả các cảnh báo/lỗi này dưới dạng lỗi thực sự bị mất ở giữa chúng.

Tôi đang sử dụng Angular2 rc1, TypeScript 1.8.10, WebStorm EAP (tôi không sử dụng hệ thống biên dịch WebStorm TypeScript, tôi đang dựa vào một thiết bị đầu cuối mở có dòng lệnh "tsc -w").

Tôi đã kiểm tra các câu hỏi khác liên quan đến điều đó trên SO, nhưng tôi không tìm thấy bất kỳ điều gì thực sự đã giúp tôi.

Cập nhật

Đây là tập tin tsconfig.json tôi:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "sourceMap": true, 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    "module": "system", 
    "noImplicitAny": false, 
    "outDir": "js", 
    "rootDir": "app" 
    }, 
    "exclude": [ 
    "node_modules", 
    "typings/main", 
    "typings/main.d.ts" 
    ] 
} 

Answer 1

Bạn nên sử dụng moduleResolution thuộc tính để node:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "sourceMap": true, 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    "module": "system", 
    "moduleResolution": "node", // <----- 
    "noImplicitAny": false, 
    "outDir": "js", 
    "rootDir": "app" 
    }, 
    "exclude": [ 
    "node_modules", 
    "typings/main", 
    "typings/main.d.ts" 
    ] 
} 

Answer 2

Trước tiên bạn cần thêm typings tại toàn cầu mức như sau.

npm install -g typings 

Sau đó tạo typings.json bằng lệnh dưới đây.

typings init 

Dán dưới mã trong typings.json

{ 
    "name": "ng2-application", 
    "globalDependencies": { 
    "core-js": "registry:dt/core-js#0.0.0+20160725163759", 
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255", 
    "node": "registry:dt/node#6.0.0+20160909174046" 
    } 
} 

Bây giờ bạn cần phải thêm bên dưới mã trong tsconfig.json

"compilerOptions": { 
     "moduleResolution": "node" 
     } 

Sau khi thực hiện các bước bạn sẽ có thể nhận được định nghĩa trên trên F12.