Reactjs：导入和加载外部 js 库缩小文件放在 src 中答案

【问题标题】：Reactjs : import and load external js library minified files put inside srcReactjs：导入和加载外部 js 库缩小文件放在 src 中
【发布时间】：2021-06-17 00:41:52
【问题描述】：

在我的 React 应用中

我要导入一些静态缩小的 js 文件。

我已经开始把我的js文件放进去

src/assets/mylibraryfiles/js/file1.min.js
src/assets/mylibraryfiles/js/file2.min.js
src/assets/mylibraryfiles/js/file3.min.js

现在我想将它们加载到我的组件中。

我尝试过使用头盔

所以我有这个：

Render() {
  ...

        <Helmet>
          <script src="/assets/mylibraryfiles/js/file1.min.js"  type="text/javascript"></script>
          <script src="/assets/mylibraryfiles/js/file2.min.js" type="text/javascript"></script>
          <script src="/assets/mylibraryfiles/js/file3.min.js" type="text/javascript"></script>
        </Helmet>
}

但这不起作用

Thta 似乎找不到我的脚本文件

我已经尝试过通过相对路径 ./../../assets... 也失败了

有什么建议吗？？

【问题讨论】：

有什么问题？任何控制台错误？您始终可以动态创建脚本并将其附加到 DOM。
@Noob 我已经更新了问题，只是似乎找不到 js 文件
正如刚才有人提到的第一个</div>标签不应该是<div>吗？
复制粘贴时出错

标签： javascript reactjs react-hooks create-react-app

【解决方案1】：

将js文件放入public文件夹，然后导入js文件。

在index.html

<head>
  <!-- If your application is built via create-react-app -->
  <script src="%PUBLIC_URL%/js/file1.min.js"></script>
  <!-- or custom webpack -->
  <script src="/js/file1.min.js"></script>
</head>

【讨论】：