reactjs - 找不到模块'webpack/bin/config-yargs'-React JS
问题描述
我是 React js 的新手,在运行 npm start 时会引发以下错误
> y@1.0.0 start /home/ajeesh/Documents/reactApp
> webpack-dev-server --mode development --open --hot
internal/modules/cjs/loader.js:628
throw err;
^
Error: Cannot find module 'html-webpack-plugin'
Require stack:
- /home/ajeesh/Documents/reactApp/webpack.config.js
- /home/ajeesh/Documents/reactApp/node_modules/webpack-cli/bin/utils/convert-argv.js
- /home/ajeesh/Documents/reactApp/node_modules/webpack-dev-server/bin/webpack-dev-server.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:625:15)
at Function.Module._load (internal/modules/cjs/loader.js:527:27)
at Module.require (internal/modules/cjs/loader.js:683:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object.<anonymous> (/home/ajeesh/Documents/reactApp/webpack.config.js:2:27)
at Module._compile (internal/modules/cjs/loader.js:777:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:788:10)
at Module.load (internal/modules/cjs/loader.js:643:32)
at Function.Module._load (internal/modules/cjs/loader.js:556:12)
at Module.require (internal/modules/cjs/loader.js:683:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/home/ajeesh/Documents/reactApp/webpack.config.js',
'/home/ajeesh/Documents/reactApp/node_modules/webpack-cli/bin/utils/convert-argv.js',
'/home/ajeesh/Documents/reactApp/node_modules/webpack-dev-server/bin/webpack-dev-server.js'
]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! y@1.0.0 start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the y@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/ajeesh/.npm/_logs/2019-08-13T10_25_24_772Z-debug.log
以下 package.json
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './main.js',
output: {
path: path.join(__dirname, '/bundle'),
filename: 'index_bundle.js'
},
devServer: {
inline: true,
port: 8001
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}
]
},
plugins:[
new HtmlWebpackPlugin({
template: './index.html'
})
]
}
webpack.config.js
{
"name": "y",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --mode development --open --
hot",
"build": "webpack --mode production"
},
"author": "",
"license": "ISC",
"dependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.0.6",
"babel-preset-env": "^1.7.0",
"react": "^16.9.0",
"react-dom": "^16.9.0"
},
"devDependencies": {
"webpack": "^4.39.1",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.8.0",
"webpack-merge": "^4.2.1"
}
}
提前致谢 。我关注了https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm 我使用的是 Ubuntu 18.04.2 LTS,如果你有解决这个问题的方法会很棒吗?
解决方案
您可能必须做npm install html-webpack-plugin
或添加html-webpack-plugin
到您的 package.json 并做npm install
推荐阅读
- amazon-web-services - Cloudwatch 代理配置文件指标 - 未显示其他 EBS 卷磁盘/分区挂载
- html - 关于CSS中水平滚动的问题
段落 html
- kubernetes - 如何获取端点并查看 etcd eks 集群中的数据
- c++ - 为什么视频的速度取决于 OpenCV 中的 FPS 数
- python - 将 directory.file 导入为 XYZ
- python - 在 Set 中转换 Python dict.keys() 的时间复杂度是多少?
- apache-spark - 在 mac 中安装 Apache Spark 时出错
- ms-word - Word VSTO - 无法为插图(图形)对象设置 ForeColor.RGb 属性
- r - 如何在 R 中使用我的标准创建代码
- python-3.x - 我正在构建一个 Python 项目。但是他们在安装一个包时出错