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

reactjs - 如何在 cPanel 肝脏服务器中编辑我的 React 应用程序?

我想在 cPanel 中编辑我的 react 应用程序,就像我们之前在 cPanel 中所做的那样。这可以在 cPanel 中编辑 React 应用程序吗?

0 投票
1 回答
104 浏览

next.js - Chrome 与 Web Vitals 上的不同 TTFB 值

我注意到 Chrome 网络选项卡中的 TTBF 值与 WebVitals 记录的不同。理想情况下,它应该是完全相同的值,但有时在某些情况下会出现 2-3 秒的巨大差异。

我正在使用 Next.js 并使用reportWebVitals来记录各自的性能指标。

这是一个示例 repo应用程序 url和屏幕截图以供参考。

使用performance.timing.responseStart - performance.timing.requestStart返回比依赖 WebVitals TTFB 值更合适的值。

知道可能出了什么问题吗?是否是 WebVitals 上的错误,我不应该使用它,或者在我最终使用/记录值时出错?

在此处输入图像描述 在此处输入图像描述

0 投票
0 回答
256 浏览

yarn-workspaces - 将 create-react-app 与纱线工作区 monorepo 一起使用时,.env 不起作用

我们有一个包含 5 个包的 yarn 工作区 monorepo,一个是通用的,另外四个是 react-create-app Web 应用程序。我们还使用 craco 来覆盖配置(主要是修复普通应用程序中的 jsx 转译 babel 问题)。

我们在我们的应用程序中使用环境变量时遇到问题。如果我们添加 .env、.env-local 或 .env.development,当我们在任何应用程序中对它们进行控制台时,都不会设置任何变量。进行这项工作是否需要任何特殊考虑?

注意。我们尝试将 .env 文件放在工作区根目录以及单个项目根目录中,但没有成功。

这是craco配置-

这是工作区根 package.json -

这是来自其中一个应用程序的示例 package.json -

.env 中的一个例子是 -REACT_APP_foo=bar

任何帮助都非常感谢,在斗智斗勇..

已为我不想添加的任何公司名称添加了 nb..xxx 和 blah

0 投票
1 回答
311 浏览

javascript - 如何使用 css + js 捆绑对一个大捆绑包做出反应

我正在尝试构建一个动态加载的反应应用程序,它应该像插件一样按需加载到不同的网站中。

我需要首先将所有 javascript + CSS 捆绑到一个 .js 文件中,然后它需要加载 React + ReactDOM,然后将我的应用程序注入某个占位符 div。

目前我坚持禁用 create-react-app 块拆分为多个 js + css 文件。

0 投票
0 回答
101 浏览

javascript - 当前未启用对实验性语法“decorators-legacy”的支持(create-react-app)

我按照介绍中的"experimentalDecorators": true说明做了,我在 tsconfig.json 中添加了“compilerOptions”。但是,错误仍然存​​在。

这是为什么?我该如何解决?

这是我的 package.json


这是我的 tsconfig.json


这就是我所有的配置文件。我并没有真正手动触及任何一个配置文件中的任何内容,它们都是预先生成的——"experimentalDecorators": true当然新添加的行除外。

0 投票
0 回答
129 浏览

javascript - 无法在反应代码中从 javascript 设置 cookie

我创建了一个反应应用程序npx create-react-app

我以这种方式在 index.js 中设置 cookie -

这记录了预期的输出a=b

但是当我运行这个

在开发控制台中我得到空字符串""

我也在使用反应路由器。因此,如果我将 cookie 设置在一个路由中,则它在其他路由中不可用,尽管 path=/.

请帮我解决这个异常。谢谢你。

0 投票
0 回答
94 浏览

javascript - React Create App 未在 npm run build 上创建 Bundle.js

我有一个通过 React Create App 构建的项目,我正在按照本教程将其部署到 GitHub Pages。部署本身几乎可以工作,因为我<script>在 index.html 上方写的任何内容都已部署到正确的 URL,但我不知道应该加载什么。在本教程中,它们链接build/bundle.js,但是当我运行时npm run build,没有创建任何捆绑文件。我认为我只需要链接到我的捆绑应用程序就可以解决我的问题,但我不知道在哪里可以找到它。我还没有从开箱即用的 react-create-app 重新配置 babel 或 webpack。我的 index.HTML:

0 投票
1 回答
100 浏览

reactjs - 通过创建反应应用程序制作项目后的空白页面

我想用 create react app 来构建我的项目。但是,当我在项目目录中运行“yarn start”时,我遇到了一个空白页。正如其他人所说,我设置了“主页”:“。” . 但这不起作用。

有人说路由器应该设置为“hashrouter”。不幸的是,我不明白该怎么做。

这是我使用上下文构建“themeSwitcher”的代码。

index.jsx:


上下文.js:

0 投票
1 回答
35 浏览

javascript - 命令 `npx create-react-app my-app` 不会创建应用程序文件

我要安装react-create-app. 我正在使用命令:npx create-react-app my-app. 我可以在控制台中看到以下信息:

Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template ... added 1374 packages in 4m 163 packages are looking for funding run npm fund for details

什么都没有发生。

node并且npm是最新的

在我刚刚创建的文件夹中,我只能看到node-modules, package, package-lock. 我没有文件src。如何解决这个问题呢?

0 投票
1 回答
187 浏览

reactjs - ReactJS:找不到模块'./App.module.css'或其相应的类型声明

我今天打开了我的旧项目,看到了这些奇怪的警告:

其中还有很多文件格式为 svg、png 等。我所有的软件包现在都是最新版本。以前没有这样的问题,有没有人可以帮忙解决这个问题而不必与 webpack 斗争?