在 reactjs 中加载外部 js 库

Question

我使用 webpack 创建了一个 javascript 库

我将文件添加到我的反应应用程序中：

import {Helmet} from "react-helmet";
ReactDOM.render(
  <React.StrictMode>
    <Helmet>
       <script src="/static/lib.js"/>
    </Helmet>
    <App />
  </React.StrictMode>,
 document.getElementById('root')
 );

当我检查网站资源时 - 我发现 lib.js 存在于那里。 我有一个组件需要创建一个存在于 lib.js 文件中的 object

#myComponent.js
class MyComponent extents Component {
    constructor(){
      this.obj = new MyObject() // here is the problem
    }
}
    render() {
       return <div className="main-background">
         some stuff
        </div>;
    }
}

我怀疑这个问题与 DomReady 有关 - 库可能没有被加载并且模块没有定义

Answer 1

我的解决方案是将我部署的 sdk 项目放入 npm 和 npm 安装它