Json 无法运行react js项目

我有一个使用react js的项目构建 我想在本地执行它

到目前为止我所做的：

1） 已安装的node.js（windows 64位）

2） 从开始一直到第3步

现在我有

1） c://program files/nodejs/node_模块

2） 桌面/应用程序/节点\u模块

我将项目文件夹放在reactApp/中。因此package.json位于reactApp/package.json

现在，当我尝试运行

npm start

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

> liquid@0.1.0 start C:\Users\jitendra\Desktop\reactApp
> PORT=8080 react-scripts start

'PORT' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! liquid@0.1.0 start: `PORT=8080 react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the liquid@0.1.0 start script 'PORT=8080 react-scripts start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the liquid package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     PORT=8080 react-scripts start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs liquid
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls liquid
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\jitendra\AppData\Roaming\npm-cache\_logs\2017-05-03T08_13_40_048Z-debug.log

这是我的包.json文件

{
  "name": "liquid",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {},
  "dependencies": {
    "bootstrap": "^4.0.0-alpha.6",
    "chart.js": "^2.5.0",
    "google-map-react": "^0.23.0",
    "lodash": "^4.17.2",
    "moment": "^2.18.1",
    "prop-types": "^15.5.8",
    "react": "^15.5.4",
    "react-chartjs-2": "^2.0.5",
    "react-dom": "^15.5.4",
    "react-redux": "^5.0.1",
    "react-router": "^2.8.1",
    "react-router-redux": "^4.0.5",
    "react-scripts": "^0.9.5",
    "react-sortable-tree": "^0.1.17",
    "react-table": "^5.5.3",
    "reactstrap": "^4.3.0",
    "redux": "^3.6.0",
    "redux-logger": "^2.7.4",
    "redux-thunk": "^2.1.0",
    "whatwg-fetch": "^2.0.1"
  },
  "scripts": {
    "start": "PORT=8080 react-scripts start",
    "build": "react-scripts build && aws s3 sync build/ s3://xxx.co/1micro",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "homepage": "http://xxx.co/1micro"
}

---

该端口命令只能在Unix上工作。尝试打开命令窗口并以windows方式设置端口变量，我认为它是（在powershell中）：

或者，在普通命令窗口中：

set PORT=3005

然后，您可以通过运行以下命令来检查工作：

echo %PORT%

它应该返回3005。然后，导航到reactApp目录并运行：

react-scripts start

---

该端口命令只能在Unix上工作。尝试打开命令窗口并以windows方式设置端口变量，我认为它是（在powershell中）：

或者，在普通命令窗口中：

set PORT=3005

然后，您可以通过运行以下命令来检查工作：

echo %PORT%

它应该返回3005。然后，导航到reactApp目录并运行：

react-scripts start

---

在项目根目录下创建一个

.env

文件，并在其中指定端口号

port=3005

然后在json启动脚本包中使用类似于以下内容的

“start”：“react scripts start”

下面是示例包json文件

{
  "name": "r",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.4"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

---

在项目根目录下创建一个

.env

文件，并在其中指定端口号

port=3005

然后在json启动脚本包中使用类似于以下内容的

“start”：“react scripts start”

下面是示例包json文件

{
  "name": "r",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.4"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

---

---

运行一个管理命令提示符，转到项目文件夹的根目录并运行

npm install

，有时这会修复一些与@MayankShukla的依赖项可能重复的问题，El Ruso的答案与我的json文件相同。错误显示在同一行。可能它在windows上不起作用。您显然使用了一个不属于您的项目的package.json，如果您真的遵循了指南，您会说您不会有这些额外的依赖项。看起来你混合了两个项目。请提供您正在尝试启动的项目的链接。Act脚本与使用create react app创建的项目一致，如果您自己创建一个，您也应该从链接中执行其余步骤，即配置Webpack运行管理命令提示符，转到项目文件夹的根目录并运行

npm install

，有时这会解决一些与@MayankShukla的依赖项可能重复的问题，El Ruso的答案与我的json文件相同。错误显示在同一行。可能它在windows上不起作用。您显然使用了一个不属于您的项目的package.json，如果您真的遵循了指南，您会说您不会有这些额外的依赖项。看起来你混合了两个项目。请提供您尝试启动的项目的链接Act脚本与使用create react app创建的项目一致，如果您自己创建一个，您也应该从链接中执行其余步骤，即配置Webpack我是否应该在我的项目根目录下运行$env:PORT=3005？它说，文件名，目录名或卷标语法不正确。@我在Windows Powershell$env:PORT=3005上运行它更新了我的答案。当您像这样运行set环境参数时，您在哪里并不重要PORT@Wayneio在您没有提到可以在cmd中使用的set命令之前，但是你提到的

$env:PORT=3005

没有确切说明执行的位置，这就是问题所在，所以你提到我应该在项目根目录下运行$env:PORT=3005吗？它说，文件名、目录名或卷标语法不正确。@niralijosh我在Windows Powershell上运行它$env:PORT=3005更新了我的答案。当您像这样运行set环境参数时，您在哪里并不重要PORT@Wayneio之前，您没有提到可以在cmd中使用的set命令，但您提到的是

$env:PORT=3005

，但没有确切说明在何处执行，这就是所提到的问题所在，“react scripts”未被识别为内部或外部命令，希望您先执行

npm install

以获取对计算机的依赖关系是的，我在node_modules文件夹中有react和react dom文件夹。当我尝试npm ls react脚本时，它会说“--未满足的依赖关系react脚本@^0.9.5 npm错误！缺少：react脚本@^0.9.5，由所需liquid@0.1.0@NiraliJoshi您可以将

react脚本

放入

dev dependencies

而不是

dependencies

中，然后尝试

npm安装

again@NiraliJoshi我已经添加了一个示例包JSON，它可以帮助它说，“react scripts”未被识别为内部或外部命令，希望您先执行

npm install

以获取对计算机的依赖关系是的，我在node_modules文件夹中有react和react dom文件夹。当我尝试npm ls react脚本时，它会说“--未满足的依赖关系react脚本@^0.9.5 npm错误！缺少：react脚本@^0.9.5，由所需liquid@0.1.0@NiraliJoshi您可以将

react脚本

放入

dev dependencies

而不是

dependencies

中，然后尝试

npm安装

again@NiraliJoshi我添加了一个示例packagejson，这将有所帮助