问题标签 [react-scripts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4706 浏览

reactjs - 有没有办法让“react-scripts”在构建的根目录中包含额外的文件?

我的情况:

我正在托管create-react-app在 Surge 上创建的应用程序。为了让 Surgereact-router处理路由,我必须将 200.html 添加到根目录,为了处理 404,我必须将 404.html 添加到根目录。问题是,npm run build只有index.html, 和favicon.ico被添加到构建目录的根目录中。

可能的解决方案:

build我可以通过在 package.json 中制作脚本来复制其他文件react-scripts build && cp 200.html 404.html build

问题:

有没有更好的方法react-scripts将额外文件添加到构建的根目录,而不是依赖于 package.json 中的 bash 脚本?

0 投票
1 回答
326 浏览

node.js - 将 react-scripts 应用程序部署到 GAE 时出错

我正在尝试将新生成的基于 react-scripts 的应用程序部署到 GAE 并遇到问题。看起来好像构建成功完成,但在部署/“更新服务”期间失败。寻找有关如何调试正在发生的事情的一些指示,因为我在控制台的错误日志中看不到任何内容。

以下是构建最后一部分的输出:

以下是我在服务更新期间看到的错误:

应用程序.yaml:

包.json:

0 投票
1 回答
1800 浏览

javascript - 为什么我的 `react-scripts` 测试无法识别 Jest 函数 `toMatchObject`?

我正在测试一个 React 应用程序,它基本上遵循了标准的、官方祝福的create-react-app设置。

我写了我的测试如下:

我的 package.json 包含以下内容:

当我运行测试时,我收到以下错误消息:TypeError: expect(...).toMatchObject is not a function.

但是,react-scripts 文档指出 Jest 是使用的内置工具之一,例如我不必这样做npm installJest 文档清楚地表明这是toMatchObject 一个函数。

那么为什么我会收到此错误消息?

0 投票
3 回答
6287 浏览

node.js - react-scripts:在 ubuntu 上的 create-react-app 项目中找不到?

我正在使用这个做 reactjs

https://github.com/facebookincubator/create-react-app

但是当我将它部署到 ubuntu 16 之上的 digitalocean 时,我无法运行npm run build并将其视为错误。

所以这是我的 package.json 文件。

这是我的node版本npm

我该如何解决这个问题并制作npm run build作品?

谢谢!

0 投票
1 回答
1056 浏览

node.js - Create react app `npm run build` only build favicon.ico file?

I use https://github.com/facebookincubator/create-react-app as my boiler page.

So when i run npm run build on my local macbook it works fine.

But i tried to run it on my production server (Ubuntu on Digitalocean).

looks like it was only build favicon.ico but not the other js or even index.html

This is what happended.

So this is my package.json

So how can i fix this?

Thanks!

0 投票
2 回答
24764 浏览

tslint - 是否可以在 tslint.json 中禁用 TSLint?

react-scripts-ts用来生成 React App,它提供 TSLint。

似乎没有选项可以告诉react-scripts-ts从构建管道中排除 TSLint。是否可以通过禁用 TSLint tslint.json

附言

可以通过向文件添加注释来禁用它,但我不想在项目中的每个 TS 文件中添加这样的注释。

0 投票
5 回答
146713 浏览

reactjs - 运行 create-react-app 构建脚本时如何设置构建 .env 变量?

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

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

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

这是我的package.json文件:

0 投票
2 回答
4099 浏览

node.js - 通过 react-scripts 将 react.js 应用程序部署到 apache 服务器

我是 react 的新手,即使我在 stackoverflow 和 google 中看到过类似的答案,我也无法让它工作。

我已经通过 'react-scripts' 创建了一个应用程序,它工作得很棒(只是 npm start 。没什么特别的)。

当我尝试在我的 Apache 服务器中部署此应用程序时,我的问题就出现了。

1)我执行 'npm build' 。Build 文件夹是用(我猜)一个可部署的版本创建的。

2)我将此构建文件夹复制到我的 Apache 服务器,当我尝试访问时,我看到了头部和标题,但没有内容。一切都是白色的。

我在“npm run build”之后收到此消息:

该项目是在假设它托管在服务器根目录的情况下构建的。要覆盖它,请在 package.json 中指定主页。例如,添加这个来为 GitHub Pages 构建它:

“主页”:“ http://myname.github.io/myapp ”,

构建文件夹已准备好部署。您可以使用静态服务器为其提供服务:

npm 安装 -g 服务 服务 -s 构建

我猜 'serve' 是一个 http 服务器,但我想在 Apache 中部署我的应用程序。据我了解,应该足以复制到 Apache 文件夹。我缺少一些东西。请问你能帮帮我吗 ?

0 投票
2 回答
1095 浏览

reactjs - 反应脚本代理不工作

我已经在教程package.json中配置了我的喜欢:但它不会将我的请求重定向到. 如果有人对反应脚本有经验,请提供帮助。"proxy": "http://localhost:3001"/api/*http://localhost:3001

0 投票
1 回答
245 浏览

reactjs - 反应快照:addComponentAsRefTo(...) 错误

按照本教程:https ://medium.com/superhighfives/an-almost-static-stack-6df0a2791319

构建应用程序后出现此错误:facebook-react-error

addComponentAsRefTo(...):只有 ReactOwner 可以有 refs。您可能正在向未在组件render方法中创建的组件添加 ref,或者您加载了多个 React 副本......

有谁知道线索?

npm ls react如下所示: