如何在ReactJS中动态加载JavaScript文件

7vux5j2d 于 2023-05-17 发布在 React

关注(0)|答案(1)|浏览(234)

我试图在React中加载一个JavaScript文件，但它没有加载。文件“filetoload.js”只是console.logs（'loaded'）语句
文件结构如下：

src
   index.js
   app.js
   filetoload.js
public
   index.html

前面我用这个函数来加载

它给出的错误

意外的token '<' SyntaxError：意外的标记“|”*

所以，我在函数中添加了类型

这个函数似乎还没有添加脚本。我的博客https://betterprogramming.pub/4-ways-of-adding-external-js-files-in-reactjs-823f85de3668
我在应用程序中启用了路由，如果这会影响idk。任何帮助将不胜感激

reactjs

来源：https://stackoverflow.com/questions/76251986/how-to-dynamically-load-javascript-file-in-reactjs

1条答案

按热度按时间

8yoxcaq71#

你可以试试下面的代码：

function loadJS(FILE_URL, async = true) {
  let scriptEle = document.createElement("script");

  scriptEle.setAttribute("src", FILE_URL);
  scriptEle.setAttribute("type", "text/javascript");
  scriptEle.setAttribute("async", async);

  document.body.appendChild(scriptEle);

  // success event 
  scriptEle.addEventListener("load", () => {
    console.log("File loaded")
  });
   // error event
  scriptEle.addEventListener("error", (ev) => {
    console.log("Error on loading file", ev);
  });
}
loadJS("file1_path", true);

赞(0）回复(0）举报 2023-05-17

我来回答

如何在ReactJS中动态加载JavaScript文件

1条答案

相关问题

热门标签

最新问答