问题标签 [react-scripts]

我将样式从 material-css 转换为 ant.design。为此，我必须将我的客户端 package.json 更改为拥有react-app-rewired而不是react-scripts：

当我将其推送到 heroku 时，它找不到命令。为什么是这样？

我从 heroku 构建日志中收到以下错误：

我使用“react-scripts”构建了一个反应应用程序。该应用程序在我的本地开发服务器上完美运行，但是当我部署到我的实际服务器时，应用程序似乎找不到正在编译的主要 JS 和 CSS 文件。我都得到404。

以下是可能有帮助的信息。服务器上的文件位于

ads/build/static/js 和 ads/build/static/css || 分别

我得到的 404 位于以下文件中：

https://www.example.com/ads/build/static/css/main.41938fe2.css https://www.example.com/ads/build/static/js/main.74995495.js

这是我的服务器的配置方式：

在我的 package.json 中，我还包含了 homepage 参数： "homepage" : "https://www.example.com/ads

更新 当我使用以下路径在服务器本身上运行应用程序时： dedicated-server-host:9000/static/js/main.74995495.js正确呈现 JS 文件

是否有一些我遗漏的配置，路由似乎不起作用。请指教。

当使用create-react-appwithreact-scripts-ts来使用 TypeScript 时，使用--coverage标志运行测试会导致不正确的覆盖率报告。有什么方法可以集成 ts-jest 以使覆盖率报告准确吗？

以下是我的笑话配置package.json：

编辑：这是我收到的错误消息：

我正在学习做出反应。我安装的版本是 16。我通过 npm 安装了 prop-types，因为我收到一个错误，即 'react-scripts' 无法识别为内部或外部命令、可运行程序或批处理文件。

我正在使用 create-react-app 并在我的项目上运行 react-scripts 构建，但构建输出存在问题。我需要构建输出进入构建文件夹的子目录，如下所示

我需要为 JS 和 CSS 文件生成的 Urls，如此处所示，以将 Player 包含在路径中。我需要这些。

成为这些

我需要这个来自动化我的构建和部署。否则，默认脚本可以完美运行。

我正在使用react-script构建和打包我的应用程序。我的每个反应组件都使用自己的less样式文件，下面是定义的脚本，package.json用于将这些较少的文件编译为 css 文件：

会将每个less文件编译为node-less-chokidar具有相同文件名的css文件。有没有办法让我将所有较少的文件编译成一个css文件。所以我只需要在我的 entry.js 文件中导入这个大的 css 文件。如果我的网站有不同的主题，我只需要将这个大 css 替换为主题插件。

我正在使用 webpack 开发服务器，通过反应脚本，我想使用它通过 Visual Studio Code 提供的调试功能，但是，我有一个非标准设置。我们在 webpack 开发服务器前面有服务，它代理所有请求，将请求与其他服务捆绑，处理安全等。所以在本地开发中，我打开 localhost:8080，它将所有请求转发到 localhost:8084，它是 webpack 服务器。但是，该服务（在 8080 上）不支持 websocket，因此无法转发它们。我看到 webpack 尝试回退到 iFrame，它适用于重新加载，但似乎不适用于调试。

有没有办法让我明确告诉 webpack 它应该连接到端口 8084 上的 webpack 开发服务器，而不是尝试通过 8080 连接？我已经使用了我已经PORT=8084 cross-env REACT_APP_VERSION=$npm_package_version react-scripts start在 package.json 中使用的，我认为它通过了端口。但是，问题在于套接字始终打开到您正在运行的同一主机/端口。因此，当我的页面被代理到时:8080，也会尝试打开套接字:8080。我想要的是明确告诉它不要使用8080，但是8084.

其次，通过 iFrame 备份选项无法进行调试是否正确？

我有一个现有的应用程序，我正在尝试导入一个 Typescript 文件，我使用 Yarn 和 React-scripts。

未找到模块：无法解析“./DiamondNodeModel”

在 DiamondNodeModel.ts

我假设我遗漏了一些允许导入 TypeScript 文件的东西.. 但我不确定在哪里使用 React-scripts 设置它..

编辑

更改扩展名找到它，但它仍然无法编译

WEBPACK_IMPORTED_MODULE_3__DiamondNodeModel_ts .DiamondNodeModel 不是构造函数

我正在开发一个 reactjs 应用程序。

所以要启动我运行的服务器：

但是，这会在我的浏览器中打开http://localhost:3000 。

有没有办法将 url 更改为http://localhost:3000/login？

我有几个 ReactJS 项目，并且我开始有很多可重用的组件。我不想将它们发布到npm或将它们与我项目根目录中导入的 node_modules目录混合。他们应该去哪里？

我的项目如下所示：

• 项目1/
  • 节点模块/
  • 源/
    • index.js
    • jsx
• 项目2/
  • 节点模块/
  • 源/
    • index.js
    • jsx

A.jsx定义了一个可重用的组件，我只是将文件复制到任何地方......我只想将它放在一个地方，我的项目将它与import A from 'A'.

我试图对A.jsxinsrc/或 in进行符号链接，node_modules/但这不会编译，就像react-scripts无法处理它们一样。你是如何解决这个问题的？谢谢你的帮助！