最后一步run webpack出错了。前面的步骤都完成了没问题。

最后一步run webpack出错了。前面的步骤都完成了没问题。

http://img1.sycdn.imooc.com//climg/60993e1b090509e613870540.jpg

http://img1.sycdn.imooc.com//climg/60993e1b098e7bef12150682.jpg

相关代码:

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
mode:'development',
entry:'./index.js',
output: {
path: path.resolve(__dirname,'dist'),
filename:'[name].js'
},
module:{
rules:[{
test:/\.css$/,
// loader:'css-loader' 单个loader的话这样写
use:[MiniCssExtractPlugin.loader, 'css-loader']
}]
},
plugins:[
new HtmlWebpackPlugin({
template:'./index.html',
filename:'index.html'

}),
new MiniCssExtractPlugin({
filename:"css/[name].css"
})
]
};

http://img1.sycdn.imooc.com//climg/60993e9009d1788305540560.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,看报错截图,可能是由于文件名不对导致的,如下图所示:

http://img1.sycdn.imooc.com//climg/6099e69909ffaef111680660.jpg

建议:调整下文件名,去掉空格之后再测试下。

祝学习愉快~

  • KaFe_Ming 提问者 #1

    关掉cmd和编辑器之后需要重新下载插件吗? 需要重新做的步骤有哪些。npm init肯定是第一个要有的是不是

    2021-05-11 17:43:56
  • 好帮手慕慕子 回复 提问者 KaFe_Ming #2

    同学你好,对于你的问题解答如下:

    1、只是关掉cmd和编辑器不需要重新下载插件。

    2、npm init是初始化项目,不需要再执行一遍,打开cmd,输入npm run start 重新项目即可。

    祝学习愉快~

    2021-05-11 18:06:30
  • KaFe_Ming 提问者 回复 好帮手慕慕子 #3

    不是npm run webpack吗  我刚才检查了我index.html文件名没有空格呀 就是这样的文件名

    2021-05-11 19:08:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师