無法使用Webpack構建Angular 4示例

我最近安裝了Angular 4（RC2）並複製了簡單的Quickstart example中的文件。但是，當我嘗試建立與的WebPack的項目，我得到的錯誤，指出Rxjs無法解析：無法使用Webpack構建Angular 4示例

WARNING in ~/@angular/core/@angular/core.es5.js 
6857:19-40 Critical dependency: the request of a dependency is an expression 

WARNING in ~/@angular/core/@angular/core.es5.js 
6883:19-106 Critical dependency: the request of a dependency is an expression 

ERROR in ~/@angular/core/@angular/core.es5.js 
Module not found: Error: Can't resolve 'rxjs/Subject' in 'node_modules/@angular/core/@angular' 
@ ~/@angular/core/@angular/core.es5.js 26:0-39 
@ ./app/app.module.ts 
@ ./main.ts 

ERROR in ~/@angular/core/@angular/core.es5.js 
Module not found: Error: Can't resolve 'rxjs/observable/merge' in 'node_modules/@angular/core/@angular' 
@ ~/@angular/core/@angular/core.es5.js 23:0-46 
@ ./app/app.module.ts 
@ ./main.ts 

ERROR in ~/@angular/core/@angular/core.es5.js 
Module not found: Error: Can't resolve 'rxjs/operator/share' in 'node_modules/@angular/core/@angular' 
@ ~/@angular/core/@angular/core.es5.js 24:0-44 
@ ./app/app.module.ts 
@ ./main.ts 

ERROR in ~/@angular/core/@angular/core.es5.js 
Module not found: Error: Can't resolve 'rxjs/symbol/observable' in 'node_modules/@angular/core/@angular' 
@ ~/@angular/core/@angular/core.es5.js 25:0-54 
@ ./app/app.module.ts 
@ ./main.ts 

ERROR in ~/@angular/core/@angular/core.es5.js 
Module not found: Error: Can't resolve 'rxjs/Observable' in 'node_modules/@angular/core/@angular' 
@ ~/@angular/core/@angular/core.es5.js 22:0-45 
@ ./app/app.module.ts 
@ ./main.ts

我已經安裝了Rxjs 5.0.1，我認爲是角期待的版本。我想不出別的事情要做。

來源

2017-03-02 user934904

你之前運行過'npm install'嗎？ –

是的，一切都應該安裝。 – user934904

我想你需要5.1.1 –

new ContextReplacementPlugin( /angular(\\|\/)core(\\|\/)@angular/, path.resolve(__dirname, '../src') ) 對我的作品在webpack.common.js的WebPack

來源

2017-03-10 10:53:32 AniketGole

這種配置下沒有問題的工作：

new webpack.ContextReplacementPlugin(
    /angular(\\|\/)core(\\|\/)@angular/,/angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/, 
    helpers.root('../src'), 
    {} 
),

確保在helpers.root有兩個點，一個也沒有。（'../src'）

來源

2017-05-12 09:27:12 jcdsr

無法使用Webpack構建Angular 4示例

回答

相關問題