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

reactjs - 使用 Relay 创建 React App 的最简单方法是什么?

我想在create-react-app不弹出我的 Relay 应用程序的情况下使用。

根据Relay 文档,我将需要babel-relay-plugin. 在.babelrcrelay-starter-kit中配置它。

实现这一目标的最简单方法是什么?有没有办法在relay不弹出的情况下启用?

0 投票
2 回答
36816 浏览

javascript - 未捕获的 SyntaxError:意外的令牌导出

我在我的项目中使用了create-react-app。我收到一个错误

未捕获的 SyntaxError:意外的令牌导出

错误在此代码中

我尝试安装 babel-preset-es2015 和 babel-preset-stage-0。我还在 package.json 中包含了 babel dict/object 作为

我仍然收到错误消息。

在此处输入图像描述

0 投票
1 回答
108 浏览

create-react-app - 为什么在“create-react-app”之后使用 yarn install 会出现这些错误?

我创建了一个新文件夹,然后运行“create-react-app”。(这是在 Windows 10 中。)然后我从另一个文件夹中复制了一个 package.json 文件,该文件夹具有几周前使用“create-react-app”制作的运行代码。然后我运行“yarn install”以使用复制旧应用程序所需的所有 node_modules 更新新应用程序。为什么我会在控制台显示中收到许多如下所示的错误?

注意:我无法显示完整的未格式化显示,因为 stackoverflow 不允许我发布它。所以这是我格式化的几行。

0 投票
2 回答
5076 浏览

reactjs - SCSS 文件未在 create-react-app 中导入

我正在使用 React clicreate-react-app并尝试从 UI 库http://react-conventions.herokuapp.com/加载 .scss 文件。我已经运行npm run eject并将以下内容添加到loadersconfig.dev还下载了 sass-loader 中。

我尝试使用导入我的组件import Input from 'react-conventions/lib/Input';但我仍然收到错误

编译失败。

./~/react-conventions/lib/components/Input/style.scss 模块解析失败:/Users/user/Desktop/App/node_modules/react-conventions/lib/components/Input/style.scss Unexpected character ' @' (1:0) 你可能需要一个合适的加载器来处理这个文件类型。SyntaxError: 意外字符 '@' (1:0) @ ./~/react-conventions/lib/components/Input/Input.js 19:13-36

这可能是图书馆的问题吗?值得怀疑,但我只是没有看到我缺少的东西。

0 投票
2 回答
1048 浏览

reactjs - 将 React 应用推送到 Heroku

好的,所以我以前从未真正部署过应用程序。我使用 create-react-app 来创建应用程序,当我准备好使用它时,npm run build它会给我一个构建文件夹,但是当我尝试将代码推送到我的 github 存储库时,它说一切都是最新的。

我现在应该只关心构建文件夹吗?我尝试为我的构建文件夹创建一个存储库并将其部署到 Heroku,但这没有用。

我不确定如何将我的代码上传到 github,然后再上传到 Heroku,如果它说一切都是最新的。只是在这里寻找一些反馈。之前还没有真正部署过任何东西。

谢谢!

0 投票
3 回答
9035 浏览

create-react-app - create-react-app 代理仅适用于 fetch api,但不适用于浏览器的简单获取

我正在使用在端口 3000 上运行的非常小的 create-react-app 设置来代理对在端口 8080 上运行的后端服务器的请求。如果我输入浏览器地址栏http://localhost:3000/api/me,我会返回 index.html 页面,但如果我使用 fetch API让它/api/me尝试通过后端调用。

问题是我必须通过将设置 cookie 的后端进行身份验证,但由于我无法访问登录页面,http://localhost:3000/login因此我无法获取 cookie。

在我从 create-react-app 弹出的另一个项目中,我有一个小文件可以使用配置运行 webpack-dev-server

即使将其放入浏览器地址栏中,它也会代理请求。

是否可以在 create-react-app 中创建这样的设置?

0 投票
1 回答
8668 浏览

javascript - Javascript获取烧瓶json

所以我正在尝试将 Flask 服务器连接到前端创建反应应用程序。现在我只想验证我可以在两者之间发送 json。下面是每个错误的代码以及更多关于错误的描述。

创建 React App 获取

烧瓶服务器

我收到此错误(在 chrome 控制台中)-

输入意外结束(…)

我可以在 Chrome 的 Networks 选项卡中看到 json,它似乎在解析时出错。

坚持这是一个烧瓶语法错误(即没有正确发送它),一个javascript解析错误(即我犯了一些我看不到的简单错误),还是一个我不明白的创建反应应用程序错误。

0 投票
3 回答
29943 浏览

javascript - create react app not loading css background images in dev or build

I'm having difficulty with some background images not loading. I've made some significant modifications to the initial create react app, my folder structure is now as follows:

Note: I have omitted some files & folders, if you need more please let me know.

Here are the steps I take to create this issue:

This will boot up the dev server and open the browser to my app, everything is working fine except for some elements on the page not displaying a image.

Note: I load in an image yeti.png and this renders fine.

App.jsx

App.css

When I inspect the elements in Chrome, the path to the images appears to be correct. When I hover over the path to the image in the styles tab of my inspector the image appears.

styles source

Note that the path for the image I import is similar to the path for the background image:

enter image description here

If I were to import the tree.png as import tree from './images/tree.png'; and change my two <div> elements to <img src={tree} role="presentation" className="trees__tree trees__tree--1" /> and <img src={tree} role="presentation" className="trees__tree trees__tree--2" /> the images will of course load.

How can I get the background images to display? I have other background images in the app that are not loading so the previously mentioned bandaid will not help me. I'm afraid to eject my app and mess with the configuration.

I'm also having the same problem when I build the app.

If you need to see more of the source you can view it at https://github.com/studio174/ispellits but bare in mind I have simplied this example to isolate the problem. The issue I am having is actually in the Footer.jsx and Footer.css

0 投票
1 回答
155 浏览

node.js - 我如何以理智的方式管理 react 和其他包?

背景

我试图让我的 AirBnB linting 工作,并决定卸载我的 npm 包,以便重新安装我的package.json文件。

我做了什么

我运行 bash 命令:

之后,我按照代码库的标准安装程序,仅将 NPM 安装在正确的目录中。我很确定我做对了。

出乎意料的事

运行我的 Webpack 设置时,npm start一切正常,直到出现以下错误:

它似乎与 react 版本有关,但我很难相信,因为我没有更改package.json文件上的任何内容。

以下是相关部分供参考:

我该如何解决?

0 投票
3 回答
1342 浏览

reactjs - 对于使用 create-react-app 创建的 reactjs 应用程序,npm 测试失败并出现错误

对于,我在__test__src

运行npm test项目文件夹后,出现以下错误

我该如何解决这个问题,以便我可以运行我的测试?