Xây dựng ứng dụng angular2 với webpack - không thể tìm thấy ./compiler.es5.ts

Question

Tôi đang sử dụng webpack để xây dựng ứng dụng angular2. sau khi nâng cấp angular2 từ 2.3.1 đến 4.0.1, webpack được xuất ra như sau Warning:

WARNING in ./~/@angular/compiler/@angular/compiler.es5.js 
Cannot find source file 'compiler.es5.ts': Error: Can't resolve 
'./compiler.es5.ts' in '../node_modules\@angular\compiler\@angular' 
@ ./~/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js 11:0-72 

Thông điệp là đúng vì không có như vậy một tập tin với phần mở rộng ts tại địa điểm đó, các tập tin tồn tại nhưng có js sự mở rộng.

Tôi có sai giá trị cấu hình webpack không?

BTW: Tôi không thấy cảnh báo, nếu tôi sử dụng @ angular/cli v1.0 để tạo ứng dụng.

Answer 1

vấn đề tương tự được báo cáo trong https://github.com/angular-redux/store/issues/64

Cách giải quyết là thêm exclude quy tắc cho nguồn-đồ-loader trong webpack.config.js của bạn.

{ 
     test: /\.(js|ts)$/, 
     exclude: [ 
      // workaround for this issue 
      path.join(__dirname, 'node_modules', '@angular/compiler') 
     ], 
     use: [{ 
      loader: 'source-map-loader' 
     }], 
     enforce: 'pre' 
} 

Nhưng cách giải quyết này ở trên không nhiều hơn tạm thời.

Answer 2

Tôi cũng nhận được cảnh báo rất giống khi tôi khởi động ứng dụng từ một thư mục thực sự là một liên kết tượng trưng (được tạo thông qua mklink). Ngoài ra css sau đó đã hoàn toàn bị hỏng.

Sự cố của tôi cũng liên quan đến có thể là https://github.com/angular/angular-cli/issues/3797 và https://github.com/angular/angular-cli/issues/2726 và biến mất khi tôi khởi động ứng dụng từ một thư mục thông thường.