问题标签 [create-react-app]

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 投票
8 回答
20562 浏览

express - 到 Heroku 的 Create-React-App 部署失败,原因是 `react-scripts: not found`

我们正在使用 Create-React-App 开发一个 ReactJS 应用程序,该应用程序由我们的 Node/Express 服务器提供服务,该服务器也提供 API。我们使用 node/JS buildpack 将整个服务器部署到 Heroku,并尝试按照@mars在本期中的建议从节点文件npm run build中获取脚本中的 CRA 构建步骤。postinstallpackage.json

问题是 Heroku 部署因此错误而失败。请注意,这个错误有时在本地发生在我身上,但是npm install来自 web_app 的一个正在解决这个问题,但在 Heroku 中运行时却没有。我有两个相关的问题:

  1. 如何将同时提供 API 和 Create-React-App 应用程序的 Node/Express 应用程序部署到 Heroku?我可以提交我的构建目录,但这确实不是正确的方法。
  2. 为什么反应脚本正在消失,我必须多次运行npm install.
0 投票
1 回答
1171 浏览

reactjs - 类型错误:expect.any 不是函数

我使用 create-react-app 并试图为我的动作创建者开玩笑地编写一个测试。该操作添加的字段之一是随机 ID,因此我想使用 expect.any(String) 以便测试通过。但是我得到TypeError: expect.any is not a function

这是我的测试:

0 投票
1 回答
1014 浏览

javascript - 在 React 中访问 JSON 文件而不导入它

我一直以JSON文件的形式将数据导入到 React 组件中:

import data from '../../public/json/data.json';

我正在使用create-react-app工具,当我运行时npm run build,正如预期的那样,data.json文件被捆绑为build/static/main.js文件的一部分。

我想要的是这个data.json文件被捆绑,而是在每次组件运行时在运行时被引用。即,它可以在构建的应用程序中进行编辑,并在应用程序中显示这些编辑。我认为通过将它包含在我的public(而不是src)文件夹中这将起作用,但我当然仍然是importing它,所以它被捆绑了。有没有办法在不捆绑的情况下引用它?

0 投票
1 回答
357 浏览

node.js - 无法通过命令提示符创建反应应用程序

任何人都可以帮助解决以下错误吗?我正在尝试设置反应文件夹。我已经安装了 node.js。

在此处输入代码

0 投票
10 回答
34552 浏览

node.js - React 创建应用程序热重载并不总是在 linux 上工作

我使用 create-react-app 样板创建了一个反应应用程序,这似乎很受欢迎,热重载有时会在任何文件更改时更新,有时不会,似乎有最短持续时间或类似的东西,我m 使用 Ubuntu,节点版本 7.0,package.json 中的脚本是npm:'react-script start'我所缺少的吗?

0 投票
2 回答
1509 浏览

reactjs - `npm start` 不适用于我的 create-react-app 应用程序。缺少模板?

我通常只是npm start为我的 create-react-app 项目运行,但是在我重新启动计算机后,我无法再这样做并得到这个奇怪的错误:

我尝试运行npm install和更新 npm 和 npde 但没有任何效果

0 投票
1 回答
2450 浏览

reactjs - How to work with multiple pages project with create-react-app?

I'm trying create-react-app recently,I found that it can only process one default page , which called 'index.html'.I want to know ,if my project is multiple-pages , can I develop my front-end with create-react-app?How?
I know I can use react-router to do my job ,however , I still want to find a way to process multiple pages with create-react-app. Am I wrong ?

0 投票
0 回答
606 浏览

webpack - 如何使用 sass 部署 create-react-app

我想知道create-react-app在添加对 SASS ( npm install sass-loader node-sass --save-dev) 的支持后如何正确配置 webpack () 以进行生产部署。

开发配置工作正常,但一旦我运行npm build构建失败。

相关片段:

webpack.config.dev.js

webpack.config.prod.js

0 投票
1 回答
5120 浏览

reactjs - 如何调试反应脚本挂起?

我正在 AWS ECS 上使用 docker 部署 create-react-app。我正在使用 dockerhub 图像进行测试,这几乎是 create-react-app 的库存版本。启动任务时,它能够拉取容器映像,启动 docker 容器,但是它挂在运行 react-scripts start 上。我可以在容器日志中看到的是:

它只是挂在那里,永远不会结束。但是,当我手动运行 docker 容器时,一切正常:

我的 Dockerfile 是:

我的 package.json:

寻找有关如何调试的建议,或者我可以做额外的日志记录,谢谢!

0 投票
1 回答
11861 浏览

javascript - create-react-app 中的 JSX 文件

只是想知道 create-react-app 如何使用 .js 文件而不是 .jsx 进行 jsx 标记。是不是因为特殊的 webpack 配置?顺便说一句,我在哪里可以找到使用 create-react-app 创建的项目的 webpack 和 babel 配置?