试图设置react.js环境，而不是工作

Question

我使用了https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm的教程

当我输入“npm start”时，从命令提示符下面收到消息我做了所有事情，我安装了node.js.请帮忙！！

编辑：wjwar是用户名

C:\Users\wjwar\Desktop\reactApp>npm start

> [email protected] start C:\Users\wjwar\Desktop\reactApp
> webpack-dev-server --mode development --open --hot

'webpack-dev-server' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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\wjwar\AppData\Roaming\npm-cache\_logs\2019-02-27T06_01_00_391Z-debug.log

Answer 1

指南https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm中的第3步使用npm install --save用于webpack，webpack-dev-server和webpack-cli，这是不正确的。它应该是npm install --save-dev

>npm install webpack --save-dev
>npm install webpack-dev-server --save-dev
>npm install webpack-cli --save-dev

该指南似乎已经过时，我怀疑它使用webpack版本3，而目前webpack的默认版本是4.您可以尝试使用更新的设置找到另一个示例，或坚持使用create-react-app。

Answer 2

相反，使用Create-react-app，你可以设置整个样板，编辑app.js进行更改

Answer 3

全局安装webpack和webpack-dev-server：

1. 以管理员身份打开cmd
2. npm install -g webpack webpack-cli webpack-dev-server
3. 重启cmd