问题标签 [react-app-rewired]

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 回答
62 浏览

reactjs - 将 xframe 标头模块添加到 cra rewired 的正确语法是什么?

我正在尝试在我的创建反应应用程序(重新连接)中返回 X-Frame-Options,但我不确定用于将函数添加到现有覆盖的正确语法。我该如何正确地做到这一点?

前端是一个 CRA (rewired) 非静态 webapp

后端是单独托管的节点应用程序

我还尝试将 buildpack 更改为此 buildback,以便在 static.json 文件中添加配置,但这会破坏很多不同的东西,使用不同的服务器等。

0 投票
0 回答
410 浏览

reactjs - React Dev Server 太慢,内存占用太多,重新编译太慢(使用 react-app-rewired)

我的反应开发服务器太慢了,而且有很多问题。

请看我的配置。

包.json

覆盖.js

.babelrc

并且我的过程屏幕截图 在此处输入图像描述

当我运行“npm start”时,需要超过 1 分钟。当我编辑我的代码并保存时,它需要 10 多秒。我不知道为什么应用程序这么长,cpu 使用量这么大。请任何人帮助我。

  • 我的 repo 使用 lerna 运行(repo 中存在许多打字稿.. sry)

请看我的设置。谢谢你。

0 投票
0 回答
76 浏览

reactjs - TypeError:无法设置未定义的属性“runtimeChunk”

我确实需要在项目中安装 react-app-rewired 模块。但是,当前版本与 webpack 模块发生冲突。于是我去安装下一个版本:

但是当我运行时:react-app-rewired start我收到错误:

config-override.js看起来像这样:

我该如何解决?

0 投票
0 回答
21 浏览

reactjs - yarn build 失败 this.config.reduce 不是函数

我正在尝试使用 react-app-rewired 构建我的 react 项目,当我运行 yarn build 命令时,它在 package.json 中定义如下:

在纱线构建后的控制台上:

我的 config-overrides.js :

我不明白这个问题,如果我启动应用程序它没有问题,只是构建失败......有人可以帮助我吗?谢谢

0 投票
1 回答
1333 浏览

javascript - 在使用 react-app-rewired 弹出的现有 create-react-app 上将 webpack 4 更新为 webpack 5

我有一个现有的旧反应应用程序,create-react-appreact-app-rewired. 我正在更新已弃用的依赖项。我已经更新react-scripts到当前版本(4.0.3)并且一切正常。但是我需要更新style-loaderlib,而这个新版本需要webpack 5。

当前react-scripts版本使用的是 webpack 4:

我找到了一个名为webpack-5-react-scripthttps ://www.npmjs.com/package/webpack-5-react-scripts 的项目。这似乎是我需要的,但是由于我的项目react-app-rewired很久以前就被弹出了,所以我在运行时收到了这个错误npm start

我可以做什么?有人遇到过这个问题吗?

0 投票
0 回答
58 浏览

javascript - 如何从重新连接的 create-react-app 条目中的 node_modules 导入命名空间 css?react-app-rewire-multiple-entry 是要走的路吗?

我有一个create-react-app没有弹出和重新接线react-app-rewired和定制的customize-cra. 这是场景,我目前无法更改。

这是配置config-overrides.js

css现在的一个新需求是从本地包中导入一些应用程序,package.json并使用本地命名空间进行设置

我认为使用react-app-rewire-multiple-entry这似乎是为重新连接的 create-react-app 导入多个条目的完美库

这是新的更新:

但是当前实现的两种方法(首先helpers_1: '../node_modules/@namespace/helpers/dist/index.css',和然后helpers_2: '@namespace/helpers/dist/index.css')都没有将 css 加载到create-react-app.

有什么想法可以解决吗?或者你看到了什么错误?

提前致谢

0 投票
0 回答
51 浏览

reactjs - React - 更改构建目录中的静态文件夹路径

我正在尝试使用 react-app-rewired 将 build/ 中的静态文件夹移动到另一个目录。最终结果应该是 build/assets/static。我在这个问题上被困了一个小时。我的 config-overrides.js 如下:

任何人都可以帮助我。现在它只将 js 文件夹从 build/static 移动到 build/assets/static 但我也想移动带有这样图像的媒体文件夹 - build/assets/static/media。谢谢

0 投票
1 回答
143 浏览

javascript - 使用 react-app-rewired 设置多个条目

以下是来自开放 webpack(不是 CRA)react 项目的一些选项:

如何在config-overrides.js(使用react-app-rewired)中实现类似的配置?


我的经验:

只需将其设置为:

不起作用。它甚至会导致加载问题index.js

0 投票
1 回答
185 浏览

solidity - × Unhandled Rejection (Error): 无效片段对象 (argument="value", value=

我是智能合约的新手。我无法从 Binance 测试网络读取智能合约。每次尝试使用 ethers.js 阅读我的智能合约时,我都会收到未处理的拒绝。

错误

未处理的拒绝(错误):无效片段对象(argument="value", value=[{"inputs":[{"internalType":"address","name":"_owner","type":"address"} ,{"internalType":"string","name":"_name","type":"string"},{"internalType":"string","name":"_sr_number","type":"string "},{"internalType":"string","name":"_branch","type":"string"},{"internalType":"string","name":"_date","type": "string"},{"internalType":"string","name":"_grade","type":"string"}],"stateMutability":"nonpayable","type":"constructor"},{"inputs":[],"name":"branch","outputs":[{"internalType":"string","name":""," type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"date","outputs":[{"internalType ":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name ":"getName","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"grade","outputs":[{"internalType":"string","name":"","type":" string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"name","outputs":[{"internalType":"string ","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"owner ","outputs":[{"internalType":"address","name":"","type":"address"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"sr_number","outputs":[{"internalType":"string","name":"","type":"string"}]," stateMutability":"view","type":"function"}], code=INVALID_ARGUMENT, version=abi/5.0.13)

我的代码

我的solidity文件

我哪里错了?我已经使用工厂合同部署了合同。我使用的是合同的 ABI,而不是工厂合同的 ABI。

0 投票
0 回答
22 浏览

reactjs - antd design - 生产构建问题

我正在使用 ant 设计模板开发 React App。当我在开发服务器上运行时,我收到警告,因为使用了整个 antd 包。 警告 我还尝试通过使用 Babel-plugin-import 来解决这个问题。仍然是问题不固定..?我正在使用 react-app-rewired 覆盖配置..我认为问题是我没有正确覆盖配置..

配置覆盖文件 .balelrc 文件