                        課程
                    
                        /前端開發(fā)
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo應(yīng)用

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決

?(node:4728)?DeprecationWarning:?Tapable.plugin?is?deprecated.?Use?new?API?on?`.hooks`?instead
(node:4728)?DeprecationWarning:?Tapable.apply?is?deprecated.?Call?apply?on?the?plugin?directly?instead
/Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/webpack/lib/Chunk.js:460
throw?new?Error(
^

Error:?Chunk.entrypoints:?Use?Chunks.groupsIterable?and?filter?by?instanceof?Entrypoint?instead
????at?Chunk.get?(/Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/webpack/lib/Chunk.js:460:9)
????at?/Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/extract-text-webpack-plugin/dist/index.js:176:47?

Utututu

2018-03-01

源自：Vue+Webpack打造todo應(yīng)用 4-1

關(guān)注問題我要回答

17110

操作

收起

8 回答

佘小麥回答被采納 +2 積分
2018-03-01

?npm install extract-text-webpack-plugin@next? 執(zhí)行這個試試

5 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Utututu 提問者

非常感謝！執(zhí)行之后的確可以編譯了。但是可以說說具體的原因嗎？

2018-03-01 回復(fù) 有任何疑惑可以回復(fù)我~

佘小麥回復(fù) Utututu 提問者

我是在這找到解決辦法的,具體原因你可以看看 https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701

2018-03-01 回復(fù) 有任何疑惑可以回復(fù)我~

Utututu 提問者回復(fù) 佘小麥

雖然還不是很懂、但是還是謝謝啦

2018-03-01 回復(fù) 有任何疑惑可以回復(fù)我~

查看4條回復(fù)

減肥事業(yè)要堅持
2019-05-17

升級到4.0.0-beta.0后還是會報DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead，是什么原因呢

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_今日事今日畢_0
2018-07-06

https://www.npmjs.com/package/mini-css-extract-plugin

webpack4 使用mini-css-extrace-plugin

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

我騎單車別卡車

對的?

2019-06-26 回復(fù) 有任何疑惑可以回復(fù)我~

王益達(dá)
2018-04-27

Webpack4 以后對 css 模塊支持的逐步完善，建議使用?mini-css-extract-plugin?插件代替?extract-text-webpack-plugin?插件

const?MiniCssExtractPlugin?=?require("mini-css-extract-plugin");

module.exports?=?{
??plugins:?[
????new?MiniCssExtractPlugin({
??????filename:?"[name].css",
??????chunkFilename:?"[id].css"
????})
??],
??module:?{
????rules:?[
??????{
????????test:?/.css$/,
????????use:?[
??????????MiniCssExtractPlugin.loader,
??????????"css-loader"
????????]
??????}
????]
??}}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉5477404

使用上面的配置，并沒有分離出css文件，能麻煩你貼一下具體的配置嗎？

2018-05-25 回復(fù) 有任何疑惑可以回復(fù)我~

我是蝸牛
2018-04-06

沒有解決問題

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

半晴雨滴
2018-03-30

如果嘗試了很多辦法還是不行的，建議將以下包降為以下版本

"extract-text-webpack-plugin":?"^3.0.2",
"webpack":?"^3.10.0",
"webpack-dev-server":?"^2.9.7"

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕設(shè)計538259
2018-03-23

"extract-text-webpack-plugin": "^4.0.0-beta.0",

升到這個版本就可以了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

立青松

這個方法在webpack4.x可以有效

2018-04-08 回復(fù) 有任何疑惑可以回復(fù)我~

qq_半顆琉璃_03406565
2018-03-13

我也遇到了同樣的問題，加@next執(zhí)行后可以編譯了，但是提取不到css文件，請問?這也是版本的問題嗎，有解決的辦法嗎

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Utututu 提問者

提取不到css這個問題，沒有遇到。這個課程中只提及到提取單獨的CSS文件，并不能提取.vue文件中的css，如果要提取可能需要其他的配置

2018-03-15 回復(fù) 有任何疑惑可以回復(fù)我~

陌上花開歸期回復(fù) Utututu 提問者

webpack4都不在支持這個插件了你是怎么在4.0用這個插件提取成功的。我試了提取失敗

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

Utututu 提問者回復(fù) 陌上花開歸期

我跟著教程做的時候、用的也是4.0好像也沒有成功。具體的解決方案、我也不清楚

2018-03-22 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150

提交

取消

Vue+Webpack打造todo應(yīng)用

參與學(xué)習(xí) 84617 人
解答問題 812 個

用前端最熱門框架Vue+最火打包工具Webpack打造todo應(yīng)用

進(jìn)入課程

本課相似問答

4 回答webpack4.0 中使用extract-text-webpack-plugin報錯？？Error: Path variable [contenthash] not implemented in this context: [name].[contenthash].css

9 回答使用了extract-text-webpack-plugin插件后，編譯出錯，信息如下，求講解

1 回答終端執(zhí)行 npm i extract-text-webpack-plugin 時候報錯，求解決辦法

1 回答webpack版本4.6.0，extract-text-webpack-plugin的插件不能用了，用@next也不行，現(xiàn)在用mini-css-extract-plugin，還是報錯

4 回答extract-text-webpack-plugin 不再支持 Webpack 4.3.0

搜索更多本課相關(guān)問答

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決

我要回答關(guān)注問題

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決

8 回答

本課相似問答

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決

在webpack4.0中使用“extract-text-webpack-plugin”之后，生產(chǎn)環(huán)境下報錯，如何解決