问题标签 [react-scripts]

在我的 package.json 文件中，我有 "homepage" : "http://myname.project.com/myapp",

我使用构建应用程序npm run build，输出确认创建了 /build 目录。输出：

102.97 KB 构建/静态/js/main.bfa46b52.js

24.37 KB 构建/静态/css/main.cfe8a47e.css

该项目是在假设它托管在 /myapp/ 的情况下构建的。您可以使用 package.json 中的主页字段来控制它。

构建文件夹已准备好部署。

如果我使用启动应用程序npm start或serve -s build应用程序将启动并且 index.html 页面将加载，但是从 index.html 对静态资源的引用被破坏（/myapp/static/js/main.js 和 /myapp/static/css /main.css）。我可以在没有 /myapp 的情况下直接导航到它们（localhost:5000/static/js/main.js 有效；localhost:5000/myapp/static/js/main.js 无效）

如果我将构建文件夹部署到 /myapp 目录下的另一个普通旧 apache 服务器，它似乎可以按预期工作。有什么方法可以配置serve -s build为从 /myapp 目录提供页面？

该应用程序目前是一个页面，没有链接，也没有 react-router 或任何等效的实现。该团队一直在使用 webpack，但将其删除。该应用程序使用 react-scripts 捆绑在一起。

我刚刚用 reactjs 开始了我的第一个网站。

问题 1 在 localhost 我运行我的后端PORT=3001和我的应用程序PORT=3000。使用react-scripts build我为前端创建了构建，但在创建构建时似乎"proxy": "http://localhost:3001"没有考虑到。

现在在服务器上部署后，api 调用总是返回 404，因为它们从不去端口 3001。

如何通过构建传递代理？

问题 2 在我的本地计算机上运行react-scripts start，​​因此我可以直接访问 http://localhost:3000/login，但在服务器上我总是必须从开始，http://example.com/然后使用导航来登录。

我怎样才能更好地处理网址？

谢谢你，凡妮莎

您好，我有一个 reactjs 应用程序，我使用以下命令构建我的项目

这是我的package.json文件：

构建后我有构建文件和 index.html 文件的文件夹但是这个 .html 中的所有路径都是绝对的，我想用相对路径构建

例如（index.html）：现在我有：

我要这个：

最近我开始研究 webpack 和 react-scripts，我想知道使用它们的优缺点以及它们之间的不同之处。

更新：我现在看到一条消息被开发服务器清除：“警告：'no-use-before-declare' 规则需要类型信息。” 这映射到以下问题：https ://github.com/wmonk/create-react-app-typescript/issues/126这是上述问题的副本。

场景：我在使用（并且当前使用）tslint.json创建的项目中使用带有自定义的 VSCode 和 TSLint。create-react-scripts-tsreact-scripts-ts@2.4.0

VSCode忽略了tslint.json条目"no-use-before-declare"设置（我将其设置为false）。

问题：我该如何调试？（例如，我在哪里可以看到 VSCode 正在读取什么以获取其 tslint 设置？也许它以某种方式指向了错误的文件，或者发生了其他一些覆盖）。

StackOverflow 编辑器不允许我粘贴 tslint 文件，因为它会使帖子与代码内容（！）过度平衡。所以这里有几个片段：

我们在生产设置中运行命令npm run build（构建项目的前端）时遇到这些错误（DevOps 团队报告的错误，不确定他们是否在删除依赖 react-scripts 后尝试过这个。Package.json 复制在下面） -

安装 react-scripts 后，我们面临这些错误

以下是 package.json 文件 -

以前，我们在尝试在我们的登台服务器上构建时得到了以下结果 -

似乎他们已经通过做 a 而侥幸逃脱了，rm -rf reacts-scripts但我无法验证这一点。我尝试删除整个node_modules目录并运行以下命令 -

但仍然得到同样的错误。

我在代码库中查找了“./../common/panelConfig.js”，并在组件目录中找到了许多文件，包括这样的文件 -

如果我将其更改为（只需点击并试用）-

我仍然在构建时收到以下错误 -

有人可以指点一下吗。

我想在使用 react-boilerplate 时添加自定义环境变量。在我的 DEV 环境中，我会将 API 指向我的本地主机后端，但在 PROD 环境中，我会将其指向 PROD 后端。我尝试过使用dotenv-webpack和react-scripts但仍然无法正常工作。对于 dotenv-webpack，我在 dllPlugin 下添加了插件代码。

有人成功应用此功能吗？请给一些启示..

我目前正在使用“react-scripts build”构建和部署我的 create-react-app 站点，然后将构建目录的内容复制到 apache web 目录。web 目录包含一个 index.html 文件，该文件通过如下脚本标记指向已编译的 React js 文件：

这就是“react-script build”的所有内置行为。我发现即使创建了一个新的 index.html 文件，并且它的内容发生了变化（该 .js 文件的路径随每次部署而变化），浏览器仍会缓存整个应用程序。即使对网站进行“硬”刷新也不会加载新内容。我必须完全删除缓存，然后重新加载以刷新任何内容。

使用 create-react-app 进行缓存和通过 react-scripts 构建是否有一些技巧？我假设浏览器仅在没有缓存应用程序的情况下查看 index.html 文件，并且不再查看它？否则我不明白为什么在我重新部署时它没有看到对 index.html 文件的更改。

那么，部署一个 create-react-app 应用程序的技巧是什么，这样每次部署都会使浏览器的缓存失效，并且用户无需费劲就可以获取新版本？

在添加带有 200 的服务人员响应后，我的带有 react-scripts v.1.0.17 的 Web 应用程序在公共文件夹中看不到任何以 %PUBLIC_URL% 为前缀的静态文件，如下图所示：

项目中的文件夹结构：

index.html 中的文件路径如下：

构建后喜欢：

在我的代码中。

我在 package.json 文件中的主页被声明为

我还在 src 文件夹中获得了默认的 registerServiceWorker.js 文件。

我错过了一些重要文件还是应该手动缓存所有这些文件？

命令有什么作用npm run eject？我确实了解其他命令的作用，例如启动、构建、测试。但不知道弹出。