问题标签 [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 - 如何在 cPanel 肝脏服务器中编辑我的 React 应用程序?
我想在 cPanel 中编辑我的 react 应用程序,就像我们之前在 cPanel 中所做的那样。这可以在 cPanel 中编辑 React 应用程序吗?
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 上的错误,我不应该使用它,或者在我最终使用/记录值时出错?
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
javascript - 如何使用 css + js 捆绑对一个大捆绑包做出反应
我正在尝试构建一个动态加载的反应应用程序,它应该像插件一样按需加载到不同的网站中。
我需要首先将所有 javascript + CSS 捆绑到一个 .js 文件中,然后它需要加载 React + ReactDOM,然后将我的应用程序注入某个占位符 div。
目前我坚持禁用 create-react-app 块拆分为多个 js + css 文件。
javascript - 当前未启用对实验性语法“decorators-legacy”的支持(create-react-app)
我按照介绍中的"experimentalDecorators": true
说明做了,我在 tsconfig.json 中添加了“compilerOptions”。但是,错误仍然存在。
这是为什么?我该如何解决?
这是我的 package.json
这是我的 tsconfig.json
这就是我所有的配置文件。我并没有真正手动触及任何一个配置文件中的任何内容,它们都是预先生成的——"experimentalDecorators": true
当然新添加的行除外。
javascript - 无法在反应代码中从 javascript 设置 cookie
我创建了一个反应应用程序npx create-react-app
我以这种方式在 index.js 中设置 cookie -
这记录了预期的输出a=b
但是当我运行这个
在开发控制台中我得到空字符串""
我也在使用反应路由器。因此,如果我将 cookie 设置在一个路由中,则它在其他路由中不可用,尽管 path=/.
请帮我解决这个异常。谢谢你。
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:
reactjs - 通过创建反应应用程序制作项目后的空白页面
我想用 create react app 来构建我的项目。但是,当我在项目目录中运行“yarn start”时,我遇到了一个空白页。正如其他人所说,我设置了“主页”:“。” . 但这不起作用。
有人说路由器应该设置为“hashrouter”。不幸的是,我不明白该怎么做。
这是我使用上下文构建“themeSwitcher”的代码。
index.jsx:
上下文.js:
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
。如何解决这个问题呢?
reactjs - ReactJS:找不到模块'./App.module.css'或其相应的类型声明
我今天打开了我的旧项目,看到了这些奇怪的警告:
其中还有很多文件格式为 svg、png 等。我所有的软件包现在都是最新版本。以前没有这样的问题,有没有人可以帮忙解决这个问题而不必与 webpack 斗争?