我尝试使用webpack 4创建一个基本的React应用程序,如下所示link
直到安装“html-webpack-plugin”,我没有遇到任何错误.但是,一旦我运行命令“npm run start”,我不断得到以下错误:
**Error: Cannot find module 'html-webpack-plugin'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)**
我尝试使用以下两个线程通过全局和本地安装软件包来解决这个问题,但没有帮助。
error: cannot find module html-webpack-plugin
https://github.com/webpack/webpack-dev-server/issues/1330
请看我下面的代码:
包.json:
{
"name": "react_website",
"version": "1.0.0",
"description": "Website using React and Webpack",
"main": "index.js",
"scripts": {
"start": "webpack --mode development",
"build": "webpack --mode production"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"html-webpack-plugin": "^3.2.0",
"webpack": "^4.16.2",
"webpack-cli": "^2.1.5"
},
"dependencies": {
"react": "^16.4.1",
"react-dom": "^16.4.1"
}
}
webpack.config.js:
const HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
},
plugins: [
new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
})
],
};
- .babelrc:
{
"presets": ["env", "react"]
}
6条答案
按热度按时间4smxwvx51#
使用此命令:
tgabmvqs2#
尝试删除节点模块:
rm -rf node_modules
。接下来重新安装所有的开发依赖
npm install
。最后,重新安装html-webpack-plugin
npm i html-webpack-plugin --save-dev
。我还建议确保所有的目录路径都是正确的,并且你在实际的项目文件夹中。这是罕见的,但有时会发生。
0qx6xfy63#
在我的例子中,使用typescript,sublime没有选择它。甚至不需要安装
@types/html-webpack-plugin
,它已经存在。只需要重新启动IDE让它注册。bbmckpt74#
我尝试了一个替换版本来解决这个问题
npm install html-webpack-plugin@4.5.0
1wnzp6jl5#
在我的情况下,我解决了一个问题时,重命名
到
thtygnil6#
您也可以使用下面的命令来解决错误。