亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于webpack4.0+以上版本 npm run build 報錯問題的解決

關于版本升級的報錯,解決代碼如下(webpack.config.js 頁面,增加2處代碼):

const?path?=?require('path')
//此處
const?VueLoaderPlugin?=?require('vue-loader/lib/plugin')

module.exports?=?{
????entry:?path.join(__dirname,'src/index.js'),
????output:?{
????????filename:?"bundle.js",
????????path:?path.join(__dirname,'dist'),
????},
????module:{
????????rules:?[
????????????{
????????????????test:?/\.vue$/,
????????????????loader:?'vue-loader'
????????????},
????????????{
????????????????test:?/\.css$/,
????????????????use:?[
????????????????????'style-loader',
????????????????????'css-loader'
????????????????]
????????????}
????????]
????},
????//此處
????plugins:?[
????????new?VueLoaderPlugin()
????]
}


正在回答

3 回答

我的webpack用的是4.0+版本,請問下為啥會報Cannot find module 'webpack'錯誤,我將node_modules下面的webpack刪除重新使用npm install webpack-dev-server指令安裝也還是報這個錯誤...

0 回復 有任何疑惑可以回復我~
#1

阿姨我真不是吳彥祖 提問者

請把你的錯誤代碼發一下誒,但是單就從Cannot find module 'webpack'或許是你沒有正確引入或者配置好 webpack組件,前提沒有做好,自然npm i webpack-dev-server 這個開發測試組件也會有問題啊
2018-11-10 回復 有任何疑惑可以回復我~
#2

AlbertDong

如果在 windows 下使用 --save-dev 選項,似乎只會安裝在 node_modules\.bin之下,這個路徑很明顯不會自動加入PATH 環境變數中,我也無法直接下command. 但是可以透過 npm script 執行 (package.json)
2018-11-14 回復 有任何疑惑可以回復我~
#3

莫問歸途何往 回復 阿姨我真不是吳彥祖 提問者

確實是我沒有配置好,有個compile包少安裝了,現在已經解決了.謝謝
2018-11-19 回復 有任何疑惑可以回復我~
#4

阿姨我真不是吳彥祖 提問者 回復 莫問歸途何往

學習愉快 skr
2018-11-19 回復 有任何疑惑可以回復我~
查看1條回復

https://blog.csdn.net/yangluan999/article/details/79980275? 根據這篇文章的配置搞定了

0 回復 有任何疑惑可以回復我~
#1

玉米進化成玉蜀黍

這個是對的 還是版本問題
2018-11-09 回復 有任何疑惑可以回復我~
#2

neoo 回復 玉米進化成玉蜀黍

webpack4.0+的方法你也嘗試一下,我也成功了
2018-11-15 回復 有任何疑惑可以回復我~
const?path?=?require('path')
const?VueLoaderPlugin?=?require('vue-loader/lib/plugin')

module.exports?=?{
????entry:?path.join(__dirname,'src/index.js'),
????output:?{
????????filename:?"bundle.js",
????????path:?path.join(__dirname,'dist'),
????},
????module:{
????????rules:?[
????????????{
????????????????test:?/\.vue$/,
????????????????loader:?'vue-loader'
????????????},
????????????{
????????????????test:?/\.css$/,
????????????????use:?[
????????????????????'style-loader',
????????????????????'css-loader'
????????????????]
????????????}
????????]
????},
????plugins:?[
????????new?VueLoaderPlugin()
????]
}

當然了,也可以下載指定webpack指定版本:

npm?i?-D?webpack@3?//?3:?webpack版本3最新


4 回復 有任何疑惑可以回復我~
#1

neoo

剛好遇到這個問題 用了你的方法還是沒解決 改用webpack3也還是報錯 心態崩了
2018-11-09 回復 有任何疑惑可以回復我~
#2

阿姨我真不是吳彥祖 提問者 回復 neoo

報錯信息是什么
2018-11-09 回復 有任何疑惑可以回復我~
#3

阿姨我真不是吳彥祖 提問者 回復 neoo

我webpack是用的4.0+的版本,既然有新版本了,就沒必要再回3.0+了。 這個教程前半部分webpack的構建 最新版的webpack已經完美運行了 詳見倉庫https://github.com/anv7/WebpackProject
2018-11-09 回復 有任何疑惑可以回復我~
#4

neoo 回復 阿姨我真不是吳彥祖 提問者

好的, 我在嘗試下4.0+的版本
2018-11-09 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

關于webpack4.0+以上版本 npm run build 報錯問題的解決

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號