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

javascript - 带有 create-react-app 的 Firebase 3.5.2 不起作用

我一步一步跟着这个官方的 Firebase Youtube 指南。我想将 Firebase 用于由 create-react-app 创建的 React 应用程序,就像官方 Firebase 频道中的示例一样。我生成了以下代码,带有一个小表格的瘾:

index.js

应用程序.js

没有控制台日志错误出现,Firebase 没有响应。怎么了?谢谢!!

更新1:

我错过了将密钥添加到 snapshot.value:

现在我可以从 DB 中读取数据,但在提交表单时无法写入值。

0 投票
1 回答
327 浏览

reactjs - react-leaflet 1.x + create-react-app:标记图像上的404

我尝试使用react-leaflet(在版本 1.0.0-rc.2 中),create-react-app但标记图像在 404 中。

生成的图像 src 是http://{server_host}:3000/static/media/marker-icon.2273e3d8.png")marker-icon.png

如果我删除奇怪")marker-icon.png的,图像是好的。

我对阴影图像遇到了同样的问题,但无法猜测“真实”图像 src。

您可以在此处重现该错误并此处查看代码

谢谢

0 投票
2 回答
7656 浏览

node.js - 如何通过终端安装 create-react-app

我正在通过终端安装 create-react-app。我查了一下node.js的版本是4.5.0,比这里的要求高。npm 的版本是 2.15.9。然后我输入命令npm install -g create-react-app,出现这样的错误信息:

我想知道为什么会出现这样的错误。有没有人可以帮我解决这个问题?非常感谢!

0 投票
0 回答
253 浏览

ide - 在 WebStorm 的基于 create-react-app 的项目中写入文件时出现持续错误

我在 WebStorm 的“运行”终端中不断收到来自 babylon.js 的错误(我什至不确定我是否正在使用它?)。

我收到以下错误:

有时我也会在 WebStorm 的弹出窗口中收到错误:

不确定这是否相关。

我试着用谷歌搜索,但似乎没有人和我有同样的问题。有人知道发生了什么吗?除了“弹出”之外,我还没有配置 create-react-app 提供的脚本。

0 投票
5 回答
12764 浏览

facebook - 如何修复错误 'FB' is not defined no-undef on create-react-app 项目?

我使用这个链接作为我的起始文件制作了这个项目。

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

但是在我尝试制作 Facebook 登录按钮之后,他们的官方文档将使用此按钮。

因此,刷新浏览器时出现此错误。

所以我猜是因为 ESLint 导致了这个错误。我该如何解决这个问题或让这个FB变量例外?

谢谢!

0 投票
1 回答
26720 浏览

javascript - 为创建反应应用程序设置代理服务器

我已经使用create-react-app启动了一个反应应用程序并运行npm run eject脚本以访问所有文件。之后我安装了 express 并创建了与server.js文件位于同一级别的package.json文件

这些是server.js文件内容:

这里没什么疯狂的,只是为未来的 api 代理设置我需要使用秘密并且我不想公开我的 api。

"proxy": "http://localhost:3001/"在此之后,我在我的package.json文件中添加了一个。我现在卡住了,因为我需要弄清楚如何正确启动我的服务器并server.js在开发模式下使用这个文件,然后在生产中使用。

理想情况下,如果我们可以使用多个代理,即/api/api2

0 投票
1 回答
1843 浏览

reactjs - 没有装饰器的reactjs mobx不起作用

我正在尝试mobxreact. 由于我使用 生成了我的应用程序create-react-app,因此我不能使用 mobx 提供的装饰器。

鉴于我们可以按照本文档使用不带装饰器的 mobx:https ://mobxjs.github.io/mobx/best/decorators.html

这是我创建的一个组件:

这是对上述组件的简单调用:

现在,当我运行上述组件时,出现错误:Uncaught TypeError: (0 , _mobxReact2.default) is not a function(…)控制台中没有显示任何内容。

我在这里做错了什么?

0 投票
6 回答
12155 浏览

reactjs - 将 Sass (.scss) 添加到弹出的 create-react-app 配置

我想.scss在我的应用程序中添加支持,该应用程序是使用 create-react-app 创建的。

我确实弹出npm run eject并安装了必要的依赖项:npm install sass-loader node-sass --save-dev

在里面config/webpack.config.dev.js我向加载器添加了这个片段:

所以加载器数组的开头现在看起来像这样:

现在在我的 jsx 中,当我尝试导入 scss 文件时:

我收到一个错误:

未捕获的错误:找不到模块“./assets/app.scss”

所以我的配置一定是错误的,因为我无法加载.scss文件。如何调整配置以.scss在弹出时加载文件create-react-app

0 投票
2 回答
128 浏览

javascript - 在 React 中更新表单状态的正确方法?

所以我正在尝试使用create-react-app来开发我的第一个 React 应用程序,并且我正在尝试基于这个GitHub 项目制作一个多阶段表单。特别是AccountFieldsRegistration部分。

该项目似乎是用更旧版本的 React 编写的,所以我不得不尝试更新它——这就是我目前所拥有的:

应用程序.js:

活动.js:

我查看了许多示例,这似乎是存储当前状态的正确方法(允许用户在表单的不同部分之间来回切换),然后存储此阶段的值。当我单击Save & Continue按钮时,我收到一条错误消息Cannot read property 'props' of null。我的意思是显然这意味着this是空的,但我不确定如何解决它。

我是以错误的方式接近这个吗?我发现的每个示例似乎都有完全不同的实现。我来自基于 Apache 的背景,所以这种方法总体上我觉得很不寻常!

0 投票
25 回答
475785 浏览

reactjs - 如何指定一个端口来运行基于 create-react-app 的项目?

我的项目基于create-react-appnpm start或者yarn start默认情况下将在端口 3000上运行应用程序,并且没有在 package.json 中指定端口的选项。

在这种情况下,如何指定我选择的端口?我想同时运行两个这个项目(用于测试),一个在端口3005,另一个是3006