时间戳

首页 > 解决方案 > 我不断收到 npm ERR！使用我的代码构建命令 react-scripts 的代码 1

node.js - 我不断收到 npm ERR！使用我的代码构建命令 react-scripts 的代码 1

问题描述

我有一个 create-react-app 应用程序，可以在运行 node v12.19.0 和 npm v6.14.8 的 Windows 10 工作站上运行。我已经能够很好地运行和访问该应用程序npm start。npm run build

在尝试将相同的代码部署到 DigitalOcean 的 App Platform 和 Ubuntu droplet 时，我终生无法启动该应用程序。运行时出现以下错误npm run build：

截图：“npm ERR！命令 sh -c CI=false react-scripts build”

屏幕截图：“/root/.npm/_logs 处的调试日志”

我认为这可能是因为我在 Windows 上开发了该应用程序，而我项目中的某些文件夹可能导致了问题。为了测试这一点，我create-react-app再次使用并能够在 Ubuntu 中运行股票应用程序。然后，我将我的src和public文件夹放入新的项目文件夹中，并单独安装依赖项，认为这可能会有所帮助。它没有，我立即再次得到错误。我只是无法弄清楚我的代码的确切问题是什么。

这是我的 package.json：

{
  "name": "capstone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.21.1",
    "d3": "^6.5.0",
    "history": "^5.0.0",
    "plotly.js": "1.58.4",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-plotly.js": "2.5.1",
    "react-router": "^6.0.0-beta.0",
    "react-router-dom": "^6.0.0-beta.0",
    "react-scripts": "4.0.2"
  },
  "scripts": {
    "build": "react-scripts build",
    "start": "react-scripts start"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

我尝试使用 , , 的值build，npm run build但没有运气；所有相同的错误。我也遇到同样的错误。CI= npm run buildCI=false npm run buildnpm start

任何帮助将不胜感激。到目前为止，我已经尝试不将 SO 用于任何这个项目，但是这个项目占用了我太多的时间。

标签： node.jsreactjsubuntunpmcreate-react-app

解决方案

更新

事实证明，这特别是由于plotly.js包（不是react-plotly.js）。我一次单独卸载一个包，直到它最终在删除后启动。我为此找到了一个 GitHub 问题，有人提出了解决方案：https ://github.com/plotly/react-plotly.js/issues/135

要使其正常工作，您可以使用@francesco-hayes 在评论react-plotly.js中plotly.js-basic-dist提到的一些解决方法。

推荐阅读