导入 javascript 文件在 Vue 中不起作用

Question

I'm using a bootstrap theme for my Vue.js app. So the theme contains some.css file that I suceed to import but I don't now how to import the.js files.

I'm using

mounted() {
    let adminLTE = document.createElement("script");
    adminLTE.setAttribute("src", "./assets/js/adminlte.js");
    document.head.appendChild(adminLTE);
  },

in App.vue but when I analyze the sources in my Google Chrome console I don't see the contains of the file and I can't use the functions of the file:

I don't understand what I'm doing wrong, can someone help me please?

Thanks in advance

Answer 1

If your using a bundling engine like vite, parcel, webpack and others, you could just import it as a regular module into the vue component