问题标签 [cra]

我正在阅读： https ://cansahin.gitbook.io/react-boilerplate-cra-template/building-blocks/i18n

我想使用：

为了让“提取消息”正常工作，我需要执行的工作流程令人沮丧地模糊不清。

我是否将这样的内容放在组件的 HTML 部分中？：

或者我是否在 messages.ts 文件中输入一个条目：

该文档暗示了一个使用“提取消息”使一切变得超级简单的工作流程，但文档并没有很好地解释它。

我正在使用Create React App并遇到react-pdf. 我已经应用了标准说明：

这首先给出了错误src\build\pdf.worker.js：

但随后它可以正确编译，并且可以在开发模式下工作，因为我可以通过以下方式消除这些错误：/* eslint no-undef: "off"*/或/*eslint-disable*/

但是当我申请时npm run build，它不起作用，

我的构建中有这个错误：

在其他根['pdfjs-dist/build/pdf.worker'] = root.pdfjsWorker = factory();

因为它不能定义root在pdf.worker.js：

我试图改变它，但没有任何成功。有什么可以做的吗？

技术栈——Node.js，用于数据库的MongoDB ，用于编辑和 API的Strapi CMS，React——我的应用程序。

我有一个包含一长串条目的数据库和一个允许用户从数据库中读取数据的即用型应用程序。我需要能够生成一个简单的网站，其中包含来自我的数据库的单个实体作为填充模板的源。

小样

这是一个模型。希望它能让事情变得更清楚一些。

澄清

经过一天的思考，我相信我需要一个简单的静态网站生成器之类的东西——一个允许我从列表中选择一个数据位并生成一个充满它的小网站的应用程序。最终目标是在我的应用程序的某个子文件夹中获取一个网站，我可以在其中获取它并根据需要使用它。

关于细节的更多信息：

• 将在本地使用
• 安全性可以忽略
• 始终在开发中运行不是问题（以防万一，考虑其他问题 #2）

几个额外的问题：

1. 是否可以从应用程序运行 NPM 脚本（如npm build）
2. 有没有办法在开发模式下显示一个组件，但在构建生产时用另一个替换它？

更新

好吧，我正在挖掘创建站点生成器的路径，到目前为止，我提出了以下基本计划：

• 准备好我的模板

• 为我的网站创建一个新目录

• 将模板复制到新文件夹

• 获取一个 HTML 文件，将其解析为要修改的字符串

• 用我的数据交换一些位

• 从修改后的字符串保存到文件

• 如果需要其他文件，请重复。

如果按预期工作，整个过程可能会通过从固定模板移动到组件来改进，该组件将使用 JavaScript 捆绑器准备并在 node-cmd 之类的帮助下启动（从我的应用程序运行 shell 命令)...

我为 CRA 设置了 prerender.io，它运行良好，但是当机器人在没有参数的情况下点击 URL 时，它会放在 URL 的末尾 - 字符串“.var”

我尝试了 (.*) 的变体，但它似乎不起作用。有任何想法吗？

这是 .htaccess 文件

我的组件文件夹中有一些 CSS 文件，但根本没有导入/使用。当我在 localhost 中运行我的 react 应用程序时，它可以正常工作。它不加载这些文件。

但是，当我部署时，我看到了与 localhost 完全不同的版本。仔细观察，react build 文件夹似乎有那些额外的 CSS 文件。

我正在编写这个 CRA 代码一年了，突然间我遇到了这个问题。我不确定反应构建过程如何包括未在任何地方使用/导入的 CSS 文件。

我在CRA有一个项目。我使用的是 Windows 10，我的默认浏览器是 Firefox。我希望我的项目从 Microsoft Edge浏览器而不是 Firefox 开始。我在package.json脚本中使用了这样的一行来用 Chrome 打开它并且它可以工作：

但如果我把它放在 Edge 上，它对我不起作用：

有没有办法让它工作？

我正在从空白 CRA 模板开始开发 PWA。安装后应用程序需要完全脱机工作，所以我正在利用 Workbox 的方法来预缓存所有静态内容。

不幸的是，我有 5 到 10 MB（音频文件）之间的多个内容，并且在 Create React App Service Worker 中，限制设置为 5MB（以前是 2MB - 请参见此处）。

这些文件没有预先缓存，而且我在构建过程中确实收到了警告： /static/media/song.10e30995.mp3 is 5.7 MB, and won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit..

可惜maximumFileSizeToCacheInBytes在 CRA SW 中似乎无法配置 :(

由于音频质量要求，我无法减小文件大小。

我还编写了一个自定义 SW 逻辑来预缓存来自 Internet 的外部资源，我想在那里添加音频文件。但是 React 构建过程会根据文件名的内容向文件名添加一个哈希码，因此我每次更新音频内容时都需要更改 SW 代码，这并不理想。

所以我的问题是：

• 有没有办法maximumFileSizeToCacheInBytes在 CRA 应用程序中强制限制为自定义值？
• 我正在考虑在构建过程之后尝试获取哈希码并自动更新 SW 代码，但对我来说不是很有说服力。
• 有没有其他解决方案或方法来实现我的需要？

这是我的 SW 代码（默认 CRA 代码 + 最后是我的自定义逻辑）

我希望我说清楚了。

在此先感谢弗朗切斯科

我在 VS 代码中遇到了这个问题，只在这个项目中。当我创建一个新文件时，我不能使用绝对导入路径，我必须重新启动 VS Code 或重新运行npm start

每次创建新文件时都必须重新运行项目或重新启动 VS 代码，这很耗时。请帮帮我这是我的 tsconfig.json

按照本文创建反应库。 https://levelup.gitconnected.com/publish-react-components-as-an-npm-package-7a671a2fb7f

npm install --save-dev @babel/core @babel/cli @babel/preset-env

我正在使用 CRA 创建一个库并想安装这些 babel 依赖项，我如何知道与我的 CRA 应用程序兼容的这些依赖项的确切兼容性？

谢谢！！

在我的 CRA 应用程序中运行yarn build会打印出有用的信息，包括包大小。有没有办法只提取 Javascript 和 CSS 包的大小？