时间戳

首页 > 解决方案 > 尝试设置 react.js 环境，不工作

node.js - 尝试设置 react.js 环境，不工作

问题描述

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

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

编辑：wjwar 是用户名

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

> reactApp@1.0.0 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! reactApp@1.0.0 start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the reactApp@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\wjwar\AppData\Roaming\npm-cache\_logs\2019-02-27T06_01_00_391Z-debug.log

标签： node.jsreactjsnpmwebpackenvironment

解决方案

指南https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm中的第 3 步使用npm install --savefor和webpack，这是不正确的。它应该是webpack-dev-serverwebpack-clinpm 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.

推荐阅读