使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法

我遇到的报错信息如下:

F:\workspaceSet\vsc\blog-ng-tab>npm run build

> [email protected] build F:\workspaceSet\vsc\blog-ng-tab
> cross-env NODE_ENV=production webpack --progress --hide-modules
71% sealingF:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Chunk.js:34
                throw new Error("Chunk.entry was removed. Use hasRuntime()");
                ^

Error: Chunk.entry was removed. Use hasRuntime()
    at Chunk.Object.defineProperty.get (F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Chunk.js:34:9)
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\extract-text-webpack-plugin\index.js:201:13
    at Array.filter (native)
    at Compilation. (F:\workspaceSet\vsc\blog-ng-tab\node_modules\extract-text-webpack-plugin\index.js:200:37)
    at Compilation.applyPlugins (F:\workspaceSet\vsc\blog-ng-tab\node_modules\tapable\lib\Tapable.js:25:14)
    at Compilation.seal (F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compilation.js:542:7)
    at Compiler. (F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compiler.js:468:16)
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\tapable\lib\Tapable.js:152:11
    at Compilation. (F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compilation.js:452:10)
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compilation.js:423:12
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compilation.js:335:10
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:52:16
    at done (F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:246:17)
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:44:16
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\webpack\lib\Compilation.js:335:10
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:52:16
    at done (F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:246:17)
    at F:\workspaceSet\vsc\blog-ng-tab\node_modules\async\lib\async.js:44:16

我使用了webpack的2.1.0-beta.25版本和 webpack-dev-server的2.1.0-beta.0版本。在安装extract-text-webpack-plugin模块的时候,我使用了采用默认版本的npm安装命令:

npm config set registry https://registry.npm.taobao.org
npm install --save-dev extract-text-webpack-plugin

然而上面那个命令默认安装的版本是1.0.1 这个版本和webpack 2有冲突。我得把版本改成2.0.0-beta.4。
因为我已经安装了错误的extract-text-webpack-plugin版本,所以我得先卸载它:

npm uninstall --save-dev extract-text-webpack-plugin

然后,重新安装正确的版本:

npm install --save-dev extract-text-webpack-plugin@2.0.0-beta.4

然后就可以正常使用了。

你可能感兴趣的:(JS,Webpack,前端)