问题标签 [react-create-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 投票
1 回答
4710 浏览

reactjs - 与 Material-UI Drawer 和 AppBar 组件反应

我正在使用 material-ui AppBar 和 Drawer 组件。从我的项目结构中可以看出,每个组件都有自己的文件。我找不到任何文档来触发菜单“向左打开”按钮的临时抽屉按钮。

  1. 临时抽屉: https ://material-ui.com/demos/drawers/
  2. 带有主要搜索字段的应用栏: https ://material-ui.com/demos/app-bar/

项目结构:

0 投票
1 回答
72 浏览

javascript - 我正在使用 S3 存储桶来托管我的网站,我需要将我的网站重定向到我的仪表板组件

所以我对使用 S3 作为托管我的网站的地方还很陌生。有几件事我需要帮助...

一,S3 要求您使用 'index.html' 作为入口点。然而,我使用 React 构建了我的网站,我的仪表板组件是我的“主页”,应该是入口点。如何更改/重定向我的网站以自动转到我的仪表板组件?

*当用户点击我的链接时,他们看到的只是一个带有我的导航栏的空白页面。

其次,当您的路径不在 /index.html 上并且您点击刷新时,您会得到一个 403 错误页面,其中“NoSuchKey”作为错误代码?为什么会这样,我该如何改变?

宇宙中的任何人请帮助!谢谢!!

0 投票
0 回答
2391 浏览

node.js - 如何在 Synology NAS 上设置 React 项目

我正在尝试在我的 918+ Synology NAS 上设置一个 create-react-app 项目。从一开始它就有 Node.js 5.6.0,但由于 create-react-app 需要 >=6,我需要安装并使用更高版本。在 Synology NAS 中,Package Manger 具有 Node.js 6 和 8。它们安装良好。然后我尝试更改当前的 Node.js 版本,这就是问题的开始。

有关信息,Synology 运行名为 DSM 的定制 Linux 发行版,内核为 4.4.59。

当尝试使用例如更改为版本时,nvm use 6.12.3我得到:

谷歌搜索这个没有结果。这里有什么地方会碰巧知道该怎么做,或者只是可以尝试帮助我进行设置?我不确定这是否可能。Synology 有 Docker,这对我来说会是更好的选择吗?

0 投票
0 回答
50 浏览

javascript - 故障 DOM 渲染 ReactJS

在此处输入图像描述

如果您仔细查看上面的 GIF,您会发现当我刷新页面时,它会一一加载我的 ReactJS 应用程序的组件和样式。此问题发生在本地开发环境以及实时生产构建中。我正在使用react-create-app构建和运行脚本。我还使用react-router进行重定向。

什么会导致这种分阶段加载?

0 投票
1 回答
243 浏览

javascript - 开发依赖的Webpack?

在 NPM 中,当启动最简单的 Web 应用程序时,例如使用 create-react-app,我会在 node_modules 目录中获得数万个文件。该应用程序不使用任何这些,因为它只是一个骨架。我的理解是,依赖关系仅适用于开发阶段。

我的问题是:有没有办法压缩和 webpack 所有这些文件,以便只剩下几个?

0 投票
0 回答
34 浏览

reactjs - 在 React 应用程序中进行更改后,我能做些什么来加快实时重新加载过程?

我有基本的反应应用程序,由反应创建应用程序 2 创建。在我的 mac2.2 GHz Intel Core i7, 16 GB 2400 MHz DDR4重新加载应用程序的项目开始后,更改非常快(如 1 秒),现在我有大约 10 个不同的应用程序屏幕和大量不同的文件项目这个过程大约需要 5 秒,开发过程很痛苦。

对于我正在使用的样式styled-componentsantD. 仅从 3party 包中导入有关此问题的必要功能: https ://github.com/facebook/create-react-app/issues/4791 例如 lodash: import isArray from 'lodash/isArray';

0 投票
2 回答
458 浏览

javascript - 使用 Flask "Uncaught SyntaxError: Unexpected token <" 为 create-react-app 提供服务

我正在使用 react-create-app 构建一个 Web 应用程序,并希望使用烧瓶来提供它。前端是使用生成的

我的项目结构如下所示:

应用程序.py

如果我正在运行 serve -s build 应用程序运行并且一切都很好。但是,运行 python app.py 会显示一个空白页面,并且 chromes 控制台会显示以下错误:

看起来浏览器无法解释 jsx 语法。我该如何解决这个问题?

0 投票
1 回答
641 浏览

ecmascript-6 - React-Create-App 创建 App.js,但使用旧的 js 语法

我刚开始尝试学习 reactjs 并找到了一些教程。他们都告诉我跑步npx create-react-app .之类的。我遇到的问题是,当我看到他们的 App.js 时,他们都有类,而我的有function App() {...}而不是class App extends Component. 与导入语句相同。他们说import React, { Component } from 'react',而我的说import React from 'react'我不确定出了什么问题,我该如何解决?

0 投票
2 回答
2122 浏览

javascript - 在 React 的文件夹中循环所有图像的好方法是什么?

我在文件夹中有一些图像,我尝试循环播放它。例如,一个名为“coupons”的文件夹有一些图像,如“coupon1.png”、“coupon2.png”、“coupon3.png”...。然后在一个组件中,我尝试创建一个函数来导入所有图像并返回

我可以知道什么是这样做的好方法吗?如何避免一张一张导入图片?以及如何获取文件夹中图像文件的总数?

以及如何循环它们?我尝试使用模板字符串,但它以字符串而不是变量结尾,所以仍然不起作用。太感谢了!

0 投票
2 回答
8349 浏览

javascript - 从 create-react-app Public 文件夹中读取 JSON 文件

我有一个包含以下内容的 ipAddress.json 文件:

在公用文件夹中,我将该 ipAddress.json 文件放入“ipAddress”文件夹中,因此路径看起来像“public/ipAddress/ipAddress.json”

但我无法读取此文件。我在尝试

使用“json-loader”公共库。

我怎样才能让它工作?根据(使用公用文件夹)它应该可以正常工作。

但我得到这个错误:

未找到模块:您尝试导入位于项目 src/ 目录之外的 /ipAddress/ipAddress.json。不支持 src/ 之外的相对导入。

感谢您的任何帮助