javascript - 在 reactJS 中找不到模块“webpack-cli/bin/config-yargs”错误
问题描述
我正在尝试从 reactJS 开始并完成教程。运行应用程序后,npm start
我收到此错误。
错误:
E:\ReactUI\myReact>npm start
> reviewpedia@1.0.0 start E:\ReactUI\myReact
> webpack-dev-server --hot
The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:540
throw err;
^
Error: Cannot find module 'webpack-cli/bin/config-yargs'
at Function.Module._resolveFilename (module.js:538:15)
at Function.Module._load (module.js:468:25)
at Module.require (module.js:587:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (E:\ReactUI\myReact\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! reviewpedia@1.0.0 start: `webpack-dev-server --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the reviewpedia@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! C:\Users\Admin\AppData\Roaming\npm-cache\_logs\2018-06-08T04_54_55_281Z-debug.log
E:\ReactUI\myReact>
我更改了 webpavk,"webpack": "^4.10.2", "webpack-dev-server": "^3.1.4"
但错误仍然相同。
这是我的 package.json
{
"name": "myApp",
"version": "1.0.0",
"description": "XYZ",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --hot"
},
"keywords": [
"React",
"App"
],
"author": "XYZ",
"license": "MIT",
"dependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"react": "^16.4.0",
"react-dom": "^16.4.0",
"webpack": "^2.1.0-beta.25",
"webpack-dev-server": "^3.1.4"
}
}
请帮我解决这个问题。
PS:我正在使用这个例子:教程点
安装后npm install webpack-cli -D
出现以下错误。
E:\ReactUI\myReact\node_modules\webpack-cli\bin\convert-argv.js:156
const webpackConfigurationValidationErrors = validateSchema(
^
TypeError: validateSchema is not a function
at processConfiguredOptions (E:\ReactUI\myReact\node_modules\webpack-cli\bin\convert-argv.js:156:48)
at module.exports (E:\ReactUI\myReact\node_modules\webpack-cli\bin\convert-argv.js:150:10)
at Object.<anonymous> (E:\ReactUI\myReact\node_modules\webpack-dev-server\bin\webpack-dev-server.js:234:54)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
at Function.Module.runMain (module.js:684:10)
at startup (bootstrap_node.js:187:16)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! reviewpedia@1.0.0 start: `webpack-dev-server --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the reviewpedia@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! C:\Users\Admin\AppData\Roaming\npm-cache\_logs\2018-06-08T05_31_50_201Z-debug.log
E:\ReactUI\myReact>
解决方案
推荐阅读
- c++ - 如何在 C++ 中实现类 Javascript 的动态类型
- node.js - Nodemailer 是免费的 api/库吗?
- python - 有没有办法在终端自定义当前python虚拟环境的名称外观?
- django - 即使我在不更新视频文件字段的情况下更新其他字段,用于转换视频的 Django 信号也在运行。有没有办法改变它?
- sql - 是否可以以更好的方式编写这些 SELECT 语句
- python - 在嵌套列表中求和行值
- c# - 在列表中我们有相同日期时间的地方添加分钟
- xcode - 如何将 Mac App Store 的“兼容性”设置为旧版本的 macOS?
- android - 是否可以在 QEMU-AARCH64 上安装 Android 通用系统映像 (GSI)
- javascript - 如何使用 requirejs 正确实现 Cookiebot?