问题标签 [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 投票
17 回答
186218 浏览

reactjs - 使用 create-react-app 时使用自定义构建输出文件夹

Facebook 提供了一个create-react-app 命令来构建反应应用程序。当我们运行时,我们会在文件夹npm run build中看到输出。/build

npm 运行构建

将用于生产的应用程序构建到 build 文件夹。它在生产模式下正确捆绑 React 并优化构建以获得最佳性能。

构建被缩小并且文件名包含哈希。您的应用已准备好部署!

我们如何使用自定义文件夹而不是/build输出?谢谢。

0 投票
3 回答
734 浏览

jestjs - 在 create-react-app 中测试时出现“意外的令牌导入”

当我在我的项目文件夹中运行 npm test 时,我收到一条错误消息说unexpected token import. 当我使用 create-react-app 时,我假设我不需要配置任何东西,因为一切都应该开箱即用。

我不明白我是在某个地方犯了错误还是它是 create-react-app 问题。

0 投票
1 回答
1646 浏览

javascript - 如何正确提取 create-react-app 存储库并构建(当前有错误)-(Git)

所以我一直在另一台服务器上开发,现在我想把它放在实时服务器上。

我在实时服务器上所做的是运行初始创建反应应用程序

create-react-app test

然后我进去 git init

然后我设置了遥控器

git remote add origin {link}

从这里开始我有点困惑

我做了一个git fetch remote origin但不确定我应该真正做什么。Agit pull给了我一些问题,我需要在其中添加文件,然后提交它们。我尝试拉,但它似乎并没有改变内容。

但是,当我做 a时,git checkout origin/redux我得到了。正确的文件似乎在那里,但我不确定这是否安全。* (detached from origin/redux)git branch

最后,当我运行时,npm run build我收到以下错误:

我的 package.json: http: //pastebin.com/7UBDm2EV

0 投票
1 回答
234 浏览

javascript - mdl-js-ripple-effect 导致 event.target.value 在 React 组件中变得未定义

使用 vanilla mdl ( <script src="material.js"> ) 或 usingreact-mdl时,如果我将mdl-js-ripple-effectmdl 类(或带有 的波纹属性react-mdl)添加到按钮,event.target.value则按钮元素的 变为未定义(事件处理程序正在修改反应中的状态)。没有涟漪效应,它工作得很好。除了不使用涟漪效应外,我找不到解决方案;但这使按钮很无聊。与 mdl 一起使用 react 似乎存在问题,但我认为有人可能知道更多......(我正在使用create-react-app

点击处理程序:

“Key” React 组件使用react-mdl

button如果我将 vanilla mdl 与元素一起使用,则会出现同样的问题:

如果我移除波纹,那么当单击按钮时event.target.value它应该是 ( )。value={props.value}随着涟漪,它是未定义的。

任何人都经历过这种情况,或者知道为什么会发生这种情况,或者解决方法?

0 投票
1 回答
564 浏览

javascript - react-create-app 中的对象解构

在一个名为 index.js 的文件中,我有以下导出:

稍后在文件 home.js 中,我正在执行以下操作:

如果我导入以下所有内容:

有人可以解释一下为什么会这样吗?我做错了什么?

我正在使用:

› create-react-app -V 1.0.3

0 投票
1 回答
937 浏览

node.js - 如何创建节点服务器 htaccess 限制?

我有一个要部署的 create-react-app,但我想让对整个应用程序密码的访问受到保护(在 Web 服务器级别),因此爬虫或匿名用户在不知道凭据的情况下无法访问该链接.

解决方案将与此类似,但在节点中: http ://www.elated.com/articles/password-protecting-your-pages-with-htaccess/

在开发/生产环境的节点中是否存在任何配置来支持此功能?

非常感谢!

0 投票
0 回答
925 浏览

firebase - 无法在 create-react-app 应用程序中使用 Jest on Firebase 身份验证读取 null 的属性“_location”

我使用 create-react-app 0.8.5 创建了一个新应用程序。
我想像这样用 Jest 测试 firebase 身份验证:

但我得到那个错误:

你有什么线索可以解释吗?
有没有办法让更多的日志记录到那个错误?

0 投票
11 回答
320997 浏览

css - 如何将字体添加到基于 create-react-app 的项目中?

我正在使用create-react-app并且不喜欢eject.

目前尚不清楚通过@font-face 导入并在本地加载的字体应该放在哪里。

即,我正在加载

有什么建议么?

- 编辑

包括丹在他的回答中提到的要点

0 投票
1 回答
1776 浏览

reactjs - 如何向 Tree.TreeNode 添加图标

我流在create-react-app中使用antd创建react app,但是如何给Tree.TreeNode添加图标呢?

0 投票
3 回答
1298 浏览

ruby-on-rails - 在 Heroku 上使用 Rails API 部署 Create-React-App

我在让我的 react /rails 应用程序在 heroku 上工作时遇到问题。我已经成功部署了它,并且 rails 服务器启动了,但是我没有看到我的 react 应用程序。我觉得我很接近,但无法弄清楚缺少什么。

所以我的流程目前是npm run build从客户端目录本地运行,该目录在客户端中构建一个“构建”目录。然后我提交构建结果并使用git push heroku master.

然后我在浏览器中导航到 heroku 应用程序,在那里我只得到一个空白页,这是一个索引文件,我手动从构建目录复制到公共。我不确定索引文件是否正确,但我只是想确保我能打到什么。

最终,我只想推送 repo,它会自动运行构建。我在各个地方都看到过这个,但是当我npm run build在服务器上运行时,我总是得到一个 react-script does not exist 错误。

我的配置如下:

应用程序的基本结构

根/客户端/package.json

根/package.json

档案

构建包

配置/puma.rb