错误：错误：找不到模块“webpack cli/bin/config yargs”需要堆栈：
我已经尝试运行下面的代码，从1周到现在。我已经重写了大约4-5次相同的代码，以防我错过了什么。尝试寻找解决方案，以及，但我无法检测到底是什么错误？
错误：找不到模块'webpack-cli/bin/config-yargs'需要堆栈：
- C：\用户\NFC\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js
网页包。配置。js
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'
})
]
}
包裹json
{
"name": "reactapp",
"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": {
"react": "^17.0.1",
"react-dom": "^17.0.1",
"webpack": "^5.4.0",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.2.1",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"html-webpack-plugin": "^4.5.0"
}
}
指数html
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title>React App</title>
</head>
<body>
<div id = "app"></div>
<script src = 'index_bundle.js'></script>
</body>
</html>
main.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.js';
ReactDOM.render(<App />, document.getElementById('app'));
. babelrc
{
"presets":["env", "react"]
}
应用程序。js
import React, { Component } from 'react';
class App extends Component{
render(){
return(
<div>
<h1>Hello World</h1>
</div>
);
}
}
export default App;
共有1个答案
似乎您正在使用webpack-cli v4，请尝试将您的start脚本从webpack-dev-server------------------------------------------------------------------------------------------------------你可以检查这个问题https://github.com/webpack/webpack-dev-server/issues/2424webpack-dev-server更多。
-
我安装了webpack@3.10.0版本，但后来又重新安装了2.3.0（我想这会有帮助....） 提前感谢您的回答；）
-
问题内容： 我已经很长时间没有使用Node.js了，也从未使用过express。当我启动应用程序时，它刚刚返回： 启动test.html时发生错误。这是代码： 我自己的路 ： 为什么呢 编辑： 这是我的新app.configure： 但它返回： 问题答案： 我假设test.html是一个静态文件。要渲染静态文件，请像这样使用静态中间件。 这告诉express在应用程序的公共目录中查找静态文件。 指
-
我刚刚开始使用webpack，很难获得多入口点示例来构建。网页包。配置。示例中的js文件包括以下行 这对我来说是个错误 在四处搜索时，我找到了将CommonChunkPlugin与表达式一起使用的其他示例 失败并出现错误 进一步搜索发现了许多示例，包括 我的构建现在失败了 我不知道该如何进行。
-
当运行我的项目包时，我有上面的标题错误，在我试图使用 npm安装xml2json 但是，我只有以下错误，你能给我建议或想法，从这个问题中走出来吗... 编辑:: 1 在我安装了更新的Visual Studio 2005到2012后，当我运行npm安装xml2json和npm安装xml2json--unsece-perm时，我得到下面的错误， 提前感谢，戈帕尔·R
-
运行command:时，出现以下错误： 错误输出:module.js:339 throw err；^错误：在Function.module._resolveFileName(module.js:337:15)在Function.module._load(module.js:287:25)在module.require(module.js:366:17)在require(module.js:385:
-
问题内容： 我的Node应用程序在本地运行良好，但是在部署到Heroku时遇到错误。该应用程序使用Sequelize在一个文件夹，其中包含，和。在本地，我可以使用中的以下代码导入模型： 这很好，但是，当我部署到Heroku时，应用程序崩溃并显示以下错误： 最初我以为是由于区分大小写（本地mac与heroku linux），但是我移动了文件，进行了git commit，然后又移回并再次提交，以确保在