为了账号安全,请及时绑定邮箱和手机立即绑定

关于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
提交
取消
Vue+Webpack打造todo应用
  • 参与学习       84606    人
  • 解答问题       787    个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

关于webpack4.0+以上版本 npm run build 报错问题的解决

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信