老师,这里报错了

老师,这里报错了

https://img1.sycdn.imooc.com//climg/62d289e9095710fc29541785.jpg

webpack.config.js的代码

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const resolve = dir=>path.resolve(__dirname,dir);

module.exports = {
    mode:'development',
    entry:{
        index:'./src/index.js',
        list:'./src/list.js'
    },
    output:{
        path:resolve('dist'),
        filename:'js/[name].js'
    },
    devtool:'cheap-module-eval-source-map',
    module:{
        rules:[
            {
                test:/\.art$/,
                loader:'art-template-loader'
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'index.html',
            template:'./src/index.art',
            chunks:['index']
        }),
        new HtmlWebpackPlugin({
            filename:'list.html',
            template:'./src/list.art',
            chunks:['list']
        })
    ]
}

package.json的

{

  "name": "art-template-webpack",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "start": "webpack"

  },

  "author": "",

  "license": "ISC",

  "devDependencies": {

    "art-template-loader": "^1.4.3",

    "html-webpack-plugin": "^4.3.0",

    "webpack": "^4.44.1",

    "webpack-cli": "^3.3.12"

  },

  "dependencies": {

    "art-template": "^4.13.2"

  }

}




正在回答 回答被采纳积分+1

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

1回答
好帮手慕久久 2022-07-16 18:03:33

同学你好,报错意思是没有找到“html-webpack-plugin”这个插件:

https://img1.sycdn.imooc.com//climg/62d28cb709bf343607790168.jpg

代码是没有问题的,可以引入该插件。

建议把node_modules文件夹删除,执行npm install,重新安装一下插件试试。

祝学习愉快!

  • 老师,我重新安装了,但还是报这个错误


    2022-07-16 18:19:33
  • 怀疑项目目录不对,报错的文件在“慕云游旅游网组件化”的node_modules文件夹中,而webpack.config.js是在“慕云总”文件夹中?:

    https://img1.sycdn.imooc.com//climg/62d291fd0951c20307340160.jpg

    同学检查一下webpack.config.js与node_modules是不是同级,如果不是同级,肯定不对。

    在项目地址栏中,输入cmd,就可以将cmd命令行工具定位到指定位置:

    https://img1.sycdn.imooc.com//climg/62d292e40936804f06090240.jpg

    https://img1.sycdn.imooc.com//climg/62d29314094080bb07370441.jpg

    同学将cmd定位到webpack.config.js和package.json所在的目录中,再安装试试。

    2022-07-16 18:30:43
  • 谢谢老师!!解决了
    2022-07-16 18:35:03
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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