问题标签 [react-app-rewired]

我有一个用 React 编写的 WEB 应用程序，每当我尝试用react-app-rewired start它运行它时都会抱怨Something is already running on port XYZ.

我检查了是否有任何进程正在监听端口 XYZ netstat -a -b，但没有。此外，如果我将端口 XYZ 更改为任何 4 位值（使用环境变量PORT=3001），我总是会遇到同样的问题，即端口已经被占用，所以我得出的结论是端口没有被占用，但有些事情正在发生在下面。我在安装了节点 12 的 Windows 10 上运行（我尝试降级到节点 10，因为我认为这曾经在较低节点版本上对我有用，但我无法再让它工作了）。

我在网上搜索过，他们中的大多数人建议检查端口是否被占用，我发现其他很少有人在下面但对我不起作用：

• 检查端口未占用/更改端口
• 降级react-scripts到^2.1.8 https://github.com/facebook/create-react-app/issues/7061
• 检查我的应用程序中是否有多个侦听器 (.listen()) Node.js 端口 3000 已在使用中，但实际上不是？

有没有人遇到过类似的问题并且能够解决它们？

我正在使用带有打字稿的 create-react-app 模板。在我的本地电脑上，成功运行构建，但在 CI 服务器中运行时，构建失败。

• 构建错误

./src/store/redux/info/index.ts 语法错误：无法读取未定义的属性“名称”（0：未定义）

但是文件中没有“名称”属性

信息/index.ts

我使用 create-react-app(typescripts) 构建了一个项目，并添加了 antd@3.26.13 和 customize-cra，因为我关注的网站告诉我。

我想使用module.css，我想使用module.less，比如css，但是遇到了一些错误信息：

我的代码如下：

我正在尝试更改文件 config-overrides.json 中 react-app-rewired 的构建路径，如此处所述

但它没有被考虑在内，我收到以下错误：

我直接硬编码路径只是为了测试它是否有效。

我遗漏了什么吗？

我有一个用户react-app-rewired build命令的反应应用程序。应用程序需要从其中一个节点包中删除一个文件。有什么我可以放入的东西可以config-overrides.js促进这一点吗？

为了设置 Monaco 编辑器实例，我想为自定义库添加一个类型文件。安装编辑器时，我调用：

变量typings通过以下方式加载：

旁注：eslint 注释是必要的，否则会将require调用标记为失败。

我使用 react-app-rewired 允许在不弹出基于 CRA 的应用程序的情况下编辑我的 webpack 配置。现在 config-overrides.js 文件包含：

如您所见，我实际上在这里处理了 2 种文件类型：html 和 d.ts。html 部分运行良好。加载 .html 文件的 require 调用为我提供了整个 html 文件内容（我需要它来加载<iframe>我的自定义运行时）。

然而，对类型文件的 require 调用返回一个对象（可能是一个模块，很难说，因为它在 vscode 的调试器中显示为空）。

所以问题是：如何更改我的配置以使加载类型文件（.d.ts）作为文本成为可能？

我们正在使用 create-react-app 来构建我们的声明性框架。在这个框架中，我们编写了一个 json 文件，该文件被 webpack 加载到一个 react-component 中。我们为此编写了特定的加载器。这在浏览器中运行良好。但是面临单元测试的问题。Create-react-app 使用 Jest 进行单元测试。我想要实现的是在 js 或 react 组件中转换这些 json 文件，但遇到以下限制

1. 如果我为 json 添加自定义转换，那么由于 jest-runtime 的限制，它不起作用。转换后，它期望输出仅为 json。请参阅限制的 Jest 运行时代码

2. 如果我将文件扩展名重命名为“.vm”，那么它永远不会在以下情况下将我的转换器作为 create-react-app add fileTransformer 拾取。对于该正则表达式中提到的所有其他类型，都会选择突出显示的转换器。

需要您的指导来解决此问题。

我有一个使用 CRA 和默认配置构建的反应应用程序。我想制作 SSR，所以我关注了一篇与此类似的文章https://www.vairix.com/tech-blog/server-side-rendering-ssr-of-create-react-app-cra-app-in -2020

接下来，我想内联 JS 和 CSS，以便我可以点击 URL 并复制生成的 HTML 页面，然后在我想要的任何地方使用它。

为此，我使用了 react-app-rewired 插件，现在我可以看到带有内联 CSS 和 JS 的 HTML。

问题是当我复制生成的 HTML 并将其另存为 .html 时，当我打开页面时，它返回 404 错误。

我正在尝试复制生成的 HTML，然后在完全不同的应用程序中将它们用作单独的组件。

我错过了什么吗？

重新连接反应应用程序的 config-overrides.js

用于 SSR 的 server.js

我需要从电子应用程序外部导入 mp3 文件。但是 react 不接受 src 之外的导入。这就是我使用 react-app-rewired 和 react-app-rewired-alias 的原因。当电子第一次启动时，我在 appData 文件夹下创建下载目录，然后从那里导入 mp3 文件。我认为在生产中它会尝试在创建下载目录之前导入 mp3 文件。我怎样才能在生产中执行它？

顺便说一句，在开发中一切正常，但在生产中我收到一个错误，上面写着“找不到 userDataPath/downloads 模块”。

我想问一下，如何配置以忽略 React App 中服务 index.html 文件中的某些特定 url。

我知道如果找不到 url，则有一条规则回退到 index.html（服务命令中的类似 -s 选项）。但是我想忽略一些 url，这样如果找不到 url，它将响应为 Not Found 而不是提供 index.html 文件。

例如：如果我设置忽略某些 url

因此，如果我导航到“/favicon.ico”，如果它没有该文件，它将响应 404 Not found。实际情况是我的 favicon 不在根公用文件夹中，它在 /favicons 文件夹中。但我希望如果你要在根目录中找到 /favicon.ico，它应该响应 404 Not Found