Question

我正在使用webpack构建一个angular2应用程序。将angular2从2.3.1升级到4.0.1后，webpack输出以下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

邮件是正确的，因为该位置没有ts扩展名的文件，该文件存在，但扩展名为js。

我是否错过了webpack配置值？

BTW：如果我使用@ angular / cli v1.0构建应用程序，我看不到警告。

Answer 1

报道了类似的问题 https://github.com/angular-redux/store/issues/64

解决方法是在webpack.config.js中为source-map-loader添加exclude规则。

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

但上面的解决办法只不过是暂时的。

Answer 2

当我从一个实际上是符号链接的文件夹（通过mklink创建）启动应用程序时，我也收到了类似的警告。然后css完全坏了。

我的问题也可能与https://github.com/angular/angular-cli/issues/3797和https://github.com/angular/angular-cli/issues/2726有关，当我从常规文件夹启动应用程序时，该问题就消失了。

使用webpack构建angular2应用程序 - 找不到./compiler.es5.ts

2 个答案: