首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Windows系统上安装React项目时出现问题

在Windows系统上安装React项目时出现问题
EN

Stack Overflow用户
提问于 2019-02-21 22:59:03
回答 3查看 3.1K关注 0票数 1

我正在尝试在Windows系统上安装React Web应用程序。它之前工作得很好,但当我重新安装我的Windows时,它就停止工作了。我已经安装了Node和Npm。

当我运行命令npm install时,它运行得很好。但是当我运行命令npm start时,它抛出了以下错误:

REACT_APP_ENV未被识别为内部或外部命令

另请参阅所附图片:

我已经尝试了很多来寻找和解决这个问题,但都没有奏效。

下面是package.json文件的内容:

代码语言:javascript
复制
{
  "name": "wm-webapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "gapi-client": "0.0.3",
    "libphonenumber-js": "^1.7.7",
    "moment": "^2.24.0",
    "node-sass": "^4.11.0",
    "react": "^16.7.0",
    "react-bootstrap": "^0.32.4",
    "react-dates": "^18.4.1",
    "react-dom": "^16.7.0",
    "react-facebook-login": "^4.1.1",
    "react-google-login": "^5.0.0",
    "react-places-autocomplete": "^7.2.0",
    "react-redux": "^5.0.7",
    "react-responsive": "^6.1.1",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "react-router-redux": "^5.0.0-alpha.9",
    "react-scripts": "2.1.3",
    "react-select": "^1.2.1",
    "react-stripe-elements": "^2.0.2",
    "react-table": "^6.8.6",
    "react-toastify": "^4.5.2",
    "redux": "^4.0.1",
    "redux-devtools-extension": "^2.13.7",
    "redux-form": "^8.1.0",
    "redux-form-input-masks": "^1.3.0",
    "redux-logger": "^3.0.6",
    "redux-saga": "^1.0.0",
    "redux-thunk": "^2.3.0",
    "store": "^2.0.12",
    "styled-components": "^4.1.3"
  },
  "scripts": {
    "start:env": "env-cmd .env.${REACT_APP_ENV} react-scripts start",
    "start": "REACT_APP_ENV=dev npm run start:env",
    "start:test": "REACT_APP_ENV=test npm run start:env",
    "build:env": "env-cmd .env.${REACT_APP_ENV} react-scripts build",
    "build": "REACT_APP_ENV=test npm run build:env",
    "build:prod": "REACT_APP_ENV=prod npm run build:env",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "deploy": "aws s3 cp build s3://test.washmix.com/ --recursive --profile washmix",
    "format": "prettier --write --single-quote --tab-width=2 --print-width=80"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "axios-mock-adapter": "^1.16.0",
    "env-cmd": "^8.0.2",
    "husky": "^1.3.1",
    "prettier": "^1.16.1"
  }
}
EN

回答 3

Stack Overflow用户

发布于 2019-02-22 00:05:38

您必须将package.json中的所有环境变量更改为:

代码语言:javascript
复制
Set NAME_VARIABLE=VALUE 

例如:

代码语言:javascript
复制
"start": "Set REACT_APP_ENV=dev&& npm run start:env",
票数 5
EN

Stack Overflow用户

发布于 2020-03-30 14:49:34

回答已经很晚了,但对于正在寻找答案的人来说..

Windows版 (cmd.exe) :

代码语言:javascript
复制
'set "REACT_APP_ENV=dev" && npm run start'

适用于Windows的 (Powershell) :

代码语言:javascript
复制
'($env:REACT_APP_ENV = "dev") -and (npm start)'

For Linux,macOS (Bash) :

代码语言:javascript
复制
'REACT_APP_ENV=dev npm start'

您可以随时使用process.env.REACT_APP_ENV获取事物变量

票数 5
EN

Stack Overflow用户

发布于 2020-08-31 20:15:33

如果你在windows上运行,记住在命令和&&之间不要留空格。

因此,启动脚本将是:

"start-staging":"set REACT_APP_ENV=staging&&react-scripts start"

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54810042

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档