标签: react-scripts

什么是npm run eject命令吗？我确实理解其他命令的作用,如启动,构建,测试.但不知道弹出.

我在create-react-app中使用以下环境变量:

console.log(process.env.REACT_APP_API_URL) // http://localhost:5555

当我npm start通过读取.env文件运行时它可以工作:

REACT_APP_API_URL=http://localhost:5555

如何设置不同的值,如http://localhost:1234执行npm run build？

这是我的package.json档案:

{
  "name": "webapp",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.9.0"
  },
  "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"
  }
}

您好，我的终端出现一些错误，它说我需要使用 4.4.0 版本，而我当前的版本是...

在我的项目中，我当前的打字稿版本如下，

    "typescript": "^4.4.2",
    "typedoc": "^0.21.8",
    "react-scripts": "^3.4.4",
    "@typescript-eslint/eslint-plugin": "^4.29.3",
    "@typescript-eslint/parser": "^4.29.3",

此外，当我尝试运行npm run dev命令或npx eslint 时。错误向我显示，如下所示，

    =============

   WARNING: You are currently running a version of TypeScript which is not 
   officially supported by @typescript-eslint/typescript-estree.

    You may find that it works just fine, or you may not.

   SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.4.0

   YOUR TYPESCRIPT VERSION: 4.4.2

     Please only submit bug reports when using the officially supported 
    version.

    =============

我该如何解决这个问题，我在谷歌上做了很多研究，但没有任何效果。这对我来说会有很大的帮助。

我只想获得我目前正在处理的一个文件的覆盖率报告。

拥有整个应用程序文件的完整覆盖表，然后搜索我需要的文件，有点让人不知所措。

我尝试的是对一个文件运行测试并添加--coverage. 但它显示了所有文件的覆盖范围：

包.json

...
"test": "react-scripts test",
...

我的命令

npm test my-component.test --coverage

是否可以向此命令添加一个选项以仅显示my-component.tsx覆盖范围？

我有一个由 create-react-app 创建的 React 应用程序。运行 npm start （启动脚本在 package.json 中作为“start”：“react-scripts start”存在）后，控制台显示像往常一样启动开发服务器并启动浏览器。但是在此之后，控制台和浏览器都绝对不会无限期地执行任何操作。没有错误或输出。它只是什么都不做。

最近我开始研究web pack和react-scripts,我想知道使用它们的优缺点以及它们之间的差异.

今天突然我开始在使用 Typescript 构建的项目中遇到构建错误。在数周内未更改的文件（或其引用的任何内容）中，我开始得到：

./path/to/my/file.ts
  Line 0:  Parsing error: Cannot read property 'name' of undefined

这个错误首先出现在我们的 CI 上，可以通过在服务器上手动构建来复制，我终于可以在更新所有包后在我自己的计算机（运行完美）上重现。现在，即使我拉动项目的旧（构建）提交，我也无法构建它。我已经yarn.lock承诺使用我的 repo，但即使使用旧的package.json和yarn.lock（我删除node_modules并执行yarn），我也无法构建。

这个错误今天突然开始了。

可能是什么原因？

我的（可能相关的）版本：

yarn 1.22.4,
node v13.11.0,
typescript 3.7.5
react 16.12
react-scripts 3.4.0
macOS 10.15 Catalina

我的Dockerfile使用Alpine并在全球范围内安装react-scripts。尝试安装时，失败并显示“无法获取uid / gid”错误。我在npm install -g命令中添加了“ --unsafe-perm”选项。docker容器已成功创建，但是容器中的权限已通过消息通知已安装的文件。我看到所有用户名和组都设置为1000。我尝试在安装步骤之前将以下命令添加到Dockerfile中，但这无济于事。

RUN npm -g config set user root

建立错误

Error: could not get uid/gid
[ 'nobody', 0 ]

    at /usr/local/lib/node_modules/npm/node_modules/uid-number/uid-number.js:37:16
    at ChildProcess.exithandler (child_process.js:296:5)
    at ChildProcess.emit (events.js:182:13)
    at maybeClose (internal/child_process.js:961:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:250:5)
TypeError: Cannot read property 'get' of undefined
    at errorHandler (/usr/local/lib/node_modules/npm/lib/utils/error-handler.js:205:18)
    at /usr/local/lib/node_modules/npm/bin/npm-cli.js:76:20
    at cb (/usr/local/lib/node_modules/npm/lib/npm.js:228:22)
    at /usr/local/lib/node_modules/npm/lib/npm.js:266:24
    at /usr/local/lib/node_modules/npm/lib/config/core.js:83:7
    at Array.forEach (<anonymous>)
    at /usr/local/lib/node_modules/npm/lib/config/core.js:82:13
    at f (/usr/local/lib/node_modules/npm/node_modules/once/once.js:25:25)
    at afterExtras (/usr/local/lib/node_modules/npm/lib/config/core.js:173:20)
    at Conf.<anonymous> (/usr/local/lib/node_modules/npm/lib/config/core.js:231:22)
/usr/local/lib/node_modules/npm/lib/utils/error-handler.js:205
  if (npm.config.get('json')) {
                 ^

TypeError: Cannot read property 'get' …

我有一个相对简单的 React 15 网站。它只有几个不同的页面，主要是文字和一些图片。但是，当我用于react-scripts build构建用于生产部署的项目时，我发现节点进程最高使用了大约1.25 GB的 RAM。在我的工作站上构建时这不是问题，但在我的生产服务器上是一个问题，我目前只有1 GB的可用 RAM。大多数情况下，服务器会因为内存不足而终止我的构建。

所以看起来我的选择是花更多的钱升级到服务器上的2GB内存，或者找到一些方法来减少内存使用。我想避免支付更多费用，因为通常我不会使用超过200 MB的 RAM 来运行我的应用程序，而且它只是构建使用大量 RAM 的应用程序。

我似乎有些人建议--max-old-space-size=在构建中添加一个标志，但这似乎没有任何作用。也就是说，我已经在我的 package.json 中尝试过这个：

"build": "react-scripts --max-old-space-size=512 build"

但它仍然使用了1+ GB的 RAM。我通过 开始构建npm run build，并将--max-old-space-size标志添加到该npm命令似乎没有任何作用。

我能做些什么来防止react-scripts构建过程使用这么多内存？

我已经更新了项目以使用node和yarn的最新版本，此升级之后，我的react项目不再希望与“ browserslist”一起使用。

我运行“纱线启动”并得到此错误：

./src/assets/css/material-dashboard-react.css?v=1.2.0 (./node_modules/css-loader??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/assets/css/material-dashboard-react.css?v=1.2.0)
BrowserslistError: Unknown browser kaios
    at Array.reduce (<anonymous>)
    at Array.some (<anonymous>)
    at Array.filter (<anonymous>)
    at new Promise (<anonymous>)

我有以下版本：

• 节点v10.15.3
• npm 6.9.0
• 纱线v1.15.2

而我的package.json

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "3.9.3",
    "@material-ui/icons": "3.0.2",
    "axios": "0.18.0",
    "classnames": "2.2.6",
    "html2canvas": "^1.0.0-alpha.12",
    "immutable": "3.8.2",
    "jspdf": "^1.4.1",
    "jspdf-autotable": "^2.3.5",
    "moment": "2.22.2",
    "npm-run-all": "4.1.5",
    "perfect-scrollbar": "1.4.0",
    "plotly.js": "1.47.1",
    "react": "^16.6.3",
    "react-currency-format": "1.0.0",
    "react-dates": "18.2.2",
    "react-dom": "^16.6.3",
    "react-excel-workbook": "0.0.4",
    "react-google-maps": "9.4.5",
    "react-plotly.js": "2.3.0",
    "react-redux": "6.0.0",
    "react-router": "4.3.1",
    "react-router-dom": …