问题标签 [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.
reactjs - 与 Material-UI Drawer 和 AppBar 组件反应
我正在使用 material-ui AppBar 和 Drawer 组件。从我的项目结构中可以看出,每个组件都有自己的文件。我找不到任何文档来触发菜单“向左打开”按钮的临时抽屉按钮。
- 临时抽屉: https ://material-ui.com/demos/drawers/
- 带有主要搜索字段的应用栏: https ://material-ui.com/demos/app-bar/
项目结构:
javascript - 我正在使用 S3 存储桶来托管我的网站,我需要将我的网站重定向到我的仪表板组件
所以我对使用 S3 作为托管我的网站的地方还很陌生。有几件事我需要帮助...
一,S3 要求您使用 'index.html' 作为入口点。然而,我使用 React 构建了我的网站,我的仪表板组件是我的“主页”,应该是入口点。如何更改/重定向我的网站以自动转到我的仪表板组件?
*当用户点击我的链接时,他们看到的只是一个带有我的导航栏的空白页面。
其次,当您的路径不在 /index.html 上并且您点击刷新时,您会得到一个 403 错误页面,其中“NoSuchKey”作为错误代码?为什么会这样,我该如何改变?
宇宙中的任何人请帮助!谢谢!!
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,这对我来说会是更好的选择吗?
javascript - 开发依赖的Webpack?
在 NPM 中,当启动最简单的 Web 应用程序时,例如使用 create-react-app,我会在 node_modules 目录中获得数万个文件。该应用程序不使用任何这些,因为它只是一个骨架。我的理解是,依赖关系仅适用于开发阶段。
我的问题是:有没有办法压缩和 webpack 所有这些文件,以便只剩下几个?
reactjs - 在 React 应用程序中进行更改后,我能做些什么来加快实时重新加载过程?
我有基本的反应应用程序,由反应创建应用程序 2 创建。在我的 mac2.2 GHz Intel Core i7, 16 GB 2400 MHz DDR4
重新加载应用程序的项目开始后,更改非常快(如 1 秒),现在我有大约 10 个不同的应用程序屏幕和大量不同的文件项目这个过程大约需要 5 秒,开发过程很痛苦。
对于我正在使用的样式styled-components
和antD
. 仅从 3party 包中导入有关此问题的必要功能:
https ://github.com/facebook/create-react-app/issues/4791
例如 lodash:
import isArray from 'lodash/isArray';
javascript - 使用 Flask "Uncaught SyntaxError: Unexpected token <" 为 create-react-app 提供服务
我正在使用 react-create-app 构建一个 Web 应用程序,并希望使用烧瓶来提供它。前端是使用生成的
我的项目结构如下所示:
应用程序.py
如果我正在运行 serve -s build 应用程序运行并且一切都很好。但是,运行 python app.py 会显示一个空白页面,并且 chromes 控制台会显示以下错误:
看起来浏览器无法解释 jsx 语法。我该如何解决这个问题?
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'
我不确定出了什么问题,我该如何解决?
javascript - 在 React 的文件夹中循环所有图像的好方法是什么?
我在文件夹中有一些图像,我尝试循环播放它。例如,一个名为“coupons”的文件夹有一些图像,如“coupon1.png”、“coupon2.png”、“coupon3.png”...。然后在一个组件中,我尝试创建一个函数来导入所有图像并返回
我可以知道什么是这样做的好方法吗?如何避免一张一张导入图片?以及如何获取文件夹中图像文件的总数?
以及如何循环它们?我尝试使用模板字符串,但它以字符串而不是变量结尾,所以仍然不起作用。太感谢了!
javascript - 从 create-react-app Public 文件夹中读取 JSON 文件
我有一个包含以下内容的 ipAddress.json 文件:
在公用文件夹中,我将该 ipAddress.json 文件放入“ipAddress”文件夹中,因此路径看起来像“public/ipAddress/ipAddress.json”
但我无法读取此文件。我在尝试
使用“json-loader”公共库。
我怎样才能让它工作?根据(使用公用文件夹)它应该可以正常工作。
但我得到这个错误:
未找到模块:您尝试导入位于项目 src/ 目录之外的 /ipAddress/ipAddress.json。不支持 src/ 之外的相对导入。
感谢您的任何帮助