问题标签 [react-scripts]

“React-scripts”，来自 create-react-app 启动包的一系列脚本允许我使用“react-scripts-start”来初始化服务器。一切正常，服务器打开，我可以在 localhost:3000 或使用 IP:3000 上访问它问题是当我使用家里的其他设备时。我尝试连接到 IP:3000 但它不起作用。我收到“找不到服务器”。是 Windows 访问问题还是我应该设置服务器？

我希望其他人以前也遇到过这个问题。我在终端中使用 npm start 运行我的 react 项目，该项目通过 localhost:3000 正常打开，但是我在终端中编写的任何以下命令都不会执行！我希望能够通过 npm start 初始化我的项目，在我的文本编辑器中进行更改，然后通过终端将更改提交到 GitHub。任何帮助将不胜感激！谢谢

获取：构建脚本返回非零退出代码：1

我已经通过 Netlify 部署了我的 react js 网站代码，并获得了构建日志和错误，如下所示：

请有人建议这里可能出了什么问题？

我们在升级到 create-react-scripts 2 时遇到问题。

我运行没有问题npx create-react-app。应用程序已创建并运行良好。

在基于 create-react-app 的应用中，npm i react-scripts@latest生成：

npm 错误！超过最大调用堆栈大小 npm ERR！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\me\AppData\Roaming\npm-cache_logs\2018-10-09T19_27_15_671Z-debug.log

在日志文件中：

4092 http fetch GET 404 https://registry.npmjs.org/@xtuc%2flong 426ms 4093 @xtuc/long@4.2.1 的愚蠢 fetchPackageMetaData 错误 404 未找到：@xtuc/long@4.2.1 4094 详细堆栈 RangeError：超出最大调用堆栈大小

npm：6.4.1 节点：8.12.0 Windows 10（但也可在 Docker 节点：8.12.0 中重现）

这是带有较旧反应脚本的 package.json 可以正常工作：

... "dependencies": { "@material-ui/core": "^3.0.2", "@material-ui/icons": "^3.0.1", "classnames": "^2.2.6", "faker": "^4.1.0", "react": "^16.4.2", "react-dom": "^16.4.2", "react-markdown": "^3.4.1", "react-router-dom": "^4.3.1", "react-scripts": "^2.0.4", "react-syntax-highlighter": "^7.0.4", "typeface-lato": "^0.0.54" }, "devDependencies": { "@babel/core": "^7.0.0", "@babel/plugin-proposal-class-properties": "^7.0.0", "@babel/plugin-proposal-object-rest-spread": "^7.0.0", "@babel/plugin-transform-react-jsx": "^7.0.0", "@babel/plugin-transform-runtime": "^7.0.0", "@babel/preset-env": "^7.0.0", "@babel/preset-react": "^7.0.0", "@babel/register": "^7.0.0", "@babel/runtime": "^7.0.0", "@material-ui/codemod": "^1.1.0", "@types/webdriverio": "4.8.7", "babel-plugin-istanbul": "^4.1.6", "chromedriver": "2.35", "commander": "^2.15.1", "copyfiles": "^1.2.0", "cross-env": "^5.2.0", "cucumber": "^3.1.0", "enzyme": "^3.6.0", "enzyme-adapter-react-16": "^1.4.0", "eslint": "^5.5.0", "eslint-config-airbnb": "^17.1.0", "eslint-nibble": "^4.2.1", "eslint-plugin-import": "^2.14.0", "eslint-plugin-jest": "^21.22.0", "eslint-plugin-jsx-a11y": "^6.1.1", "eslint-plugin-react": "^7.11.1", "eslint-plugin-webdriverio": "^1.0.1", "gherkin-lint": "^2.11.1", "jest-junit": "^3.7.0", "markdownlint": "^0.10.0", "markdownlint-cli": "^0.10.0", "mkdirp": "^0.5.1", "prettier-eslint": "^8.8.2", "prettier-eslint-cli": "^4.7.1", "react-test-renderer": "^16.4.1", "replace-in-file": "^3.4.0", "rimraf": "^2.6.2", "selenium-webdriver": "3.6", "should": "^13.1.0", "wdio-cucumber-framework": "1.0.2", "wdio-junit-reporter": "^0.4.4", "wdio-selenium-standalone-service": "0.0.9", "wdio-spec-reporter": "0.1.2", "webdriverio": "^4.13.1" } }

将 package.json 更改为读取"react-scripts": "^2.0.4"然后npm i运行或运行npm i react-scripts@latest都失败。

任何帮助将不胜感激。

我正在做的就是运行 create-react-app 并 cd'ing 进入应用程序，然后尝试运行npm/yarn start. 我收到以下错误/输出/日志。我已经完成了所有建议的步骤。唯一有效的是我的 .env 中的 SKIP_PREFLIGHT_CHECK=true 作为 Yarn 和 npm 的最后手段。我最近更新到 Mojave，如果人们有类似的经历，我必须重新安装我的 Xcode。

我无法使用命令npm run start。控制台返回的错误是：

因此，如果我是正确的，控制台会告诉我没有packages/react-scripts目录和bin/react-scripts.js文件。

我有点困惑。packages/react-scripts我可以在我的计算机上找到的唯一目录是C:\Users\Aristophanes\create-react-app-next\packages\react-scripts.

我拥有的bin/react-scripts.js文件位于C:\Users\Aristophanes\node_modules\react-scripts\bin\react-scripts.js

有谁知道我该如何解决这个问题？按照 Mukyuu 的建议，我尝试npm start在目录中运行C:\Users\Aristophanes\create-react-app-next\packages\react-scripts。这会导致控制台错误npm ERR! missing script: start。我已添加"start": "node server.js"到我的 NPM 文件的脚本部分package.json并重新启动了 cmd，但我仍然得到相同的缺失脚本：控制台中的启动错误。

我的项目的父文件夹中有另一个 node_module 文件夹。我将 react-script 更新为 v2，当我尝试启动项目时，出现如下错误：

但是，我的项目在这个目录中，并且有自己的 node_module 文件夹：

如果我删除父母的 node_modules，一切都会好起来的！

前段时间，我遇到了一个名为“ Missing Origin Validation”的 npm 漏洞。

消息如下：

当我按照 NPM 的指示并通过运行 npm install 修复它时react-scripts@2.1.1。很好。

最近，在我的另一个分支（我们称之为分支test）上，我出于某种目的安装了 webpack。尽管 webpack 在技术上只安装在我的test分支中，但当我切换到我的master分支时，发生了这种情况：

我没有看到我的主分支的 package.json 中安装了 webpack。但是，我还是按照 NPM 的指示：删除了我的package-lock.json然后node_modules我跑了npm install

它已修复，但随后Missing Origin Validation漏洞再次出现。在这一点上，我正在进入一个循环。将来test分支将被合并。然后我需要选择一个版本。但是，任何一个版本都会导致错误。

任何帮助表示赞赏。

我用“dotnet new react”创建了一个新的反应应用程序，它有一个 .net 核心 api、一个反应前端和一个 index.html。它有标签，它包括 react-scripts 构建的缩小 javascript 输出，如下所示：

这是一个完美的独立测试应用程序。

我的问题是这整件事应该嵌入到我现有的旧版 Razor 应用程序中。遗留代码有一个 Layout.cshtml 和一个 React.cshtml，应该在其中添加反应代码。

因此，当我提交代码时，部署过程应该调用 react-scripts build，创建缩小的 js，以某种方式识别哈希，并将其放入 React.cshtml。或者我可以将它或课程重命名为硬编码的文件名，这也需要一个脚本来添加部署。或者我可以将 index.html 嵌入到我的 React.cshtml 中，但我认为这不是一个很好的解决方案

有没有更好的方法来做到这一点？谢谢

以下代码适用于react-scripts@1.1.4

我刚刚升级到react-scripts@2.1.1，我得到this了undefined。

想知道升级如何react-scripts改变this