救急，老师为啥我的又报错了

webpack.config.js页代码

const path = require('path');
const HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports = {
    mode:'development',
  entry: {
    index:'./src/index.js'  
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js',
  },
  plugins:[
      new HtmlWebpackPlugin({
          template:'./3.html'
      })
  ]

};

package.js
{
  "name": "webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "webpack": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.11.0",
    "@babel/preset-env": "^7.11.0",
    "babel-loader": "^8.1.0",
    "core-js": "^3.6.5",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

qq_Unique彼岸花丶花海_0 2021-05-11

源自：Babel 与 Webpack 4-3 plugins-1

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2021-05-11 16:17:04

同学你好，项目中使用了html-webpack-plugin插件，但是同学没有安装：

建议同学先安装一下再打包。安装命令如下：

npm install --save-dev html-webpack-plugin@4.3.0

如果还是不行，建议同学把node_modules文件夹删除，然后执行npm i，重新安装一下所有依赖试试。

另外，同学修改代码后，建议手动保存一下代码，防止执行打包时，编辑器还没有保存，使用的不是最新的代码。

祝学习愉快！

收起回答

qq_Unique彼岸花丶花海_0 提问者 #1

package.js
{
"name": "plugins",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"webpack": "webpack --config webpack config.js"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.10.5",
"@babel/core": "^7.11.0",
"html-webpack-plugin": "^4.3.0",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12"
}
}

webpack.config.js

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

module.exports = {
mode:'development',
entry: {
index:'./src/index.js'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
},
plugins:[
new HtmlWebpackPlugin({
template:'./3.html'
})
]
};