问题标签 [react-app-rewired]

在 config-overrides.js 中有这段代码

得到这个错误：

还检查了这个问题 configuration.module 有一个未知的属性 'loaders'

我的配置中没有“加载程序”，只有“规则”。找不到任何解决方案。有人也遇到过这个问题吗？

我一直在尝试使用 React-PDF，但遇到了错误。我尝试在正常的 create-react-app 中很好，但我在这个项目上使用 react-app-rewired ...

我只是使用 React-PDF 文档中的示例代码...

这是我的错误控制台：

这是我的 cra webpack 配置：

目前我正在使用 Create React App 的默认 webpack 配置进行 babel 转译。似乎默认的 babel-loader（在 CRA 配置中）使用“babel-preset-react-app”。现在我想要的只是防止将 JS 文件转换为 ES5，因为我不需要支持 Internet Explorer。我希望这会在构建时间上带来一些好处。

正在使用的版本：

• 网络包 4
• 通天塔装载机 8
• react-app-rewired 2.1
• 定制-cra 0.9

我有一个项目create-react-app，它一直运行良好，一个模板被合并，一切都很好，直到我想开始工作TypeScript，我遵循了文档的建议，我配置eslintrc.js了，我的package.json，我修复了在代码，当尝试运行项目时npm start出现以下错误。

文件2021-05-13T18_54_46_252Z-debug.log的内容

npm start使用或时查找哪个文件可能导致错误npm build，它在config-overrides.js.

该文件突出显示了一些eslint错误，我解决了一些，其他我不太理解的错误消息：

React Hook "useEslintRc" 不能在顶层调用。React Hooks 必须在 React 函数组件或自定义 React Hook 函数中调用。

我的package.json，大部分结构是由模板的依赖项添加的。

我正在尝试设置 monorepo 以一次运行其所有 Jest 测试。在每个包中，我都使用react-app- rewired 让 Babel 转换从其他包导入的代码，而不会从 create-react-app 中弹出，如本文所述。

react-app-rewired test从每个包文件夹运行时成功，但是从 monorepo 的根文件夹运行时，我收到此错误

我的文件夹（monorepo 根目录）中没有src文件夹，我front-end无法弄清楚 Jest 为何试图查看那里。

我试过提供rootDirand rootsin jest.config.js，但这似乎没有什么区别。

如何让 Jest 停止查找不存在的文件夹？

jest.config.js（根）：

package.json（根）：

config-overrides.js（根）：

我试图将 TypeScript 添加到使用绝对路径的现有 ReactJS 应用程序已经有一周了。所以我不能简单地回到 CRA，因为他们目前不支持路径别名。我正在使用"react-app-rewired": "2.1.8"并且"react-scripts-ts": "^3.1.0",抛出此错误，Cannot find module 'node_modules/react-scripts-ts/config/webpack.config'.

我已经webpack.config.js在根文件夹中添加了这个，仍然没有帮助，

我尝试了一个向我建议的潜在修复程序，yarn add react-app-rewired@1.6.2但仍然无法正常工作，它会导致许多其他问题。欢迎任何建议。

消息消失大约需要 44 秒，Starting the development server...显示我的 TS 文件中的警告。

我不喜欢热重载，因为对于一个大项目，它有时会把事情搞砸。

我可以做些什么来优化这个过程，以便尽可能少地花费 44 秒而不是 44 秒？

我会尝试删除尽可能多的 deps，但在我尝试之前我不确定这会如何工作，这意味着代码中有很多变化。

也许一些更一般的建议可以帮助我，我希望如此。

给定文件扩展名的文件计数：

总计：364 个 TS 或 JS 文件。

它主要是一个带有一些老式 DOM 使用 JS 代码的 React 应用程序。

package.json 文件是这样的：

我在 react.js 中使用react-app-rewired. 我已经用 config-override.js 文件覆盖了配置。我在这里给它：

这是我的 package.json：

当我运行命令npm run build时，我收到此错误，并且在提供静态 js 之后，一些 CSS 样式根本不起作用。

这是我附加的错误的屏幕截图。错误画面

我有一个 CRA，并希望静态生成第一页以改善加载时间和 SEO。这个想法是运行一个 NodeJS 脚本，在 index.html 中呈现 App 文档。

这是我的代码：

但是，我在使用 NodeJS 运行它时遇到问题：

显然，我必须构建源代码，但我不知道该怎么做。我正在使用 CRA 来构建我的 React 文件（实际上，我正在使用 react-app-rewired，所以如果我只知道如何去做，我就可以自定义构建过程）。

我应该怎么做才能让它工作？

我正在将 react native 项目转换为 react-native-for-web 项目，并遵循以下教程： https ://dev.to/brunolemos/tutorial-100-code-sharing-between-ios-android--web-使用-react-native-web-andmonorepo-4pej 和https://ziatechblog.wordpress.com/2019/08/18/part-2-converting-react-native-app-to-react-native-web-react- pwa-in-monorepo-架构/

我一直在纠结这个问题

每当我尝试跑步时

我使用了与原始博客文章相同的 config-overrides.js 文件，但我正在努力让它启动并运行。