反应公用文件夹脚本

Question

呼唤反应专家哈哈。 我正在尝试将一些外部 javascript 文件导入/包含到我的 React 项目中，这些 js 文件无法按照我公司的说明进行更改或编辑，因为这是许多使用它们的应用程序的基础。

由于某些原因，我不会放置真实的文件名和文件夹。 我的公共文件夹中有一个名为“testModules”的文件夹，所以路径是公共/testModules/我需要包含的所有文件/3 个文件都在那里。

到目前为止我所尝试的。

在底部的 index.html 文件中，我尝试了以下操作

<script type="text/JavaScript" src="%PUBLIC_URL%/testModules/test1.js"></script>
<script type="text/JavaScript" src="%PUBLIC_URL%/testModules/test2.js"></script>
<script type="text/JavaScript" src="%PUBLIC_URL%/testModules/test3.js"></script>

和

<script type="text/JavaScript" src="./testModules/test1.js"></script>
<script type="text/JavaScript" src="./testModules/test2.js"></script>
<script type="text/JavaScript" src="./testModules/test3.js"></script>

和

<script type="application/javascript" src="./testModules/test1.js"></script>
<script type="application/javascript" src="./testModules/test2.js"></script>
<script type="application/javascript" src="./testModules/test3.js"></script>

和

然后我也尝试使用ScriptTag插件“react-script-tag”

使用与上面相同的示例，但我使用 process.env.PUBLIC_URL 而不是 %PUBLIC_URL%

当我尝试上述任何方法时，它适用于我的本地开发环境。 例如运行npm run start并在本地主机上打开

但是，一旦我将应用程序转移到实时服务器，我就会收到以下错误

拒绝执行来自 'https://test.com/testModules/test.js' 的脚本，因为它的 MIME 类型 ('text/html') 不可执行，并且启用了严格的 MIME 类型检查。

对于我添加的所有文件。

现在我打开我的开发控制台，我可以看到脚本被附加/包含在底部的正文中。

发生了什么事，我该如何解决。

感谢您

Answer 1

如果您不想对部署架构进行任何改进，那么您应该与“您的后端开发人员”交谈，以便他们配置 web 服务器，以便此特定路由在服务此特定 static 时会发出不同的 MIME 类型文件。

或者，如果可能，您可以使用 Webpack 将第三方代码库静态链接到您的 React 项目，以便将它们分布在一起。 这样，如果您使用 Javascript 模块的任何实现，您将消除在 HTML 主机的 scope 上可见的库的这个拐杖，这可能会改进您的代码库。