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

来源：4-3 plugins-1

qq_Unique彼岸花丶花海_0

2021-05-11 16:01:13

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"
  }
}

写回答

1回答

好帮手慕久久

2021-05-11

已采纳

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

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

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

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

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

祝学习愉快！

hq_Unique彼岸花丶花海_0

hp style="margin-bottom:20px;padding:0px;color:rgb(7,17,27);font-family:'PingFang SC', '微软雅黑', 'Microsoft YaHei', Helvetica, 'Helvetica Neue', Tahoma, Arial, sans-serif;font-size:16px;white-space:normal;background-color:rgb(255,255,255);">

http://img.mukewang.com/climg/609a441008d68e8709930405.jpg

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'
})
]
};

还是报错我尝试过删除node_modules包再安装

h021-05-11

共1条回复

0 学习 · 15276 问题

查看课程

相似问题

老师我删了之后又练习了一遍为啥报错了

回答 1

在loader里执行webpack报错

回答 1

npm run build报错是为什么

回答 2

用ie它为啥说语法错误

回答 1

老师看下

回答 2

打开慕课网App查看更多内容