最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue3+ts import引入第三方j(luò)s文件報(bào)錯(cuò)的2種解決方法

 更新時(shí)間:2023年08月29日 09:16:37   作者:qq_37656005  
這篇文章主要給大家介紹了關(guān)于vue3+ts import引入第三方j(luò)s文件報(bào)錯(cuò)的2種解決方法,在Vue中通常我們引入一個(gè)js插件都是使用npm方式下載然后import使用的,需要的朋友可以參考下

報(bào)錯(cuò)原因:

執(zhí)行 import XXX from ‘XXX.js’ 報(bào)錯(cuò),The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模塊化標(biāo)準(zhǔn),不能按需導(dǎo)入

解決方案:

第一種方法:

在index.html里利用script全局引入

  <script type="text/javascript" src="xxx.js"></script>

第二種方法:

在所需的.vue文件里單獨(dú)引入,最后在head標(biāo)簽里生成js和css,離開(kāi)頁(yè)面時(shí)移除

//移除js或者css
function removejscssfile(filename,filetype){
   let targetelement = (filetype === "js")? "script" :(filetype === "css")? "link" : "none";
     let targetattr = (filetype === "js")?"src" : (filetype === "css")? "href" :"none";
     let allsuspects = document.getElementsByTagName(targetelement);
     for (let i = allsuspects.length; i >= 0; i--){
         if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!= -1)
             allsuspects[i].parentNode.removeChild(allsuspects[i])
     }
 }
//加載js或者css
function loadjscssfile(filename, filetype){
     if (filetype === "js"){
         var fileref = document.createElement('script');
         fileref.setAttribute("type","text/javascript");
         fileref.setAttribute("src",filename);
     } else if (filetype === "css"){
         var fileref = document.createElement("link");
         fileref.setAttribute("rel","stylesheet");
         fileref.setAttribute("type","text/css");
         fileref.setAttribute("href",filename);
     }
     if (typeof fileref != "undefined") {
         document.getElementsByTagName("head")[0].appendChild(fileref);
     }
 }
//在vue鉤子里執(zhí)行
onBeforeMount(()=> {
     loadjscssfile("mystyle.css", "css")
     loadjscssfile("xxx.js?" + Math.random(), "js");
 })
 //銷(xiāo)毀
 onUnmounted(()=>{
     removejscssfile("mystyle.css", "css");
     removejscssfile("xxx.js", "js");
 })

總結(jié) 

到此這篇關(guān)于vue3+ts import引入第三方j(luò)s文件報(bào)錯(cuò)的2種解決方法的文章就介紹到這了,更多相關(guān)vue3 import引入第三方j(luò)s文件報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 在vue項(xiàng)目中使用Nprogress.js進(jìn)度條的方法

    在vue項(xiàng)目中使用Nprogress.js進(jìn)度條的方法

    NProgress.js是輕量級(jí)的進(jìn)度條組件,使用簡(jiǎn)便,可以很方便集成到單頁(yè)面應(yīng)用中。這篇文章主要介紹了在vue項(xiàng)目中使用Nprogress.js進(jìn)度條的方法,需要的朋友可以參考下
    2018-01-01
  • 對(duì)vue中v-on綁定自定事件的實(shí)例講解

    對(duì)vue中v-on綁定自定事件的實(shí)例講解

    今天小編就為大家分享一篇對(duì)vue中v-on綁定自定事件的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • Vue3組件庫(kù)框架搭建example環(huán)境的詳細(xì)教程

    Vue3組件庫(kù)框架搭建example環(huán)境的詳細(xì)教程

    這篇文章主要介紹了Vue3組件庫(kù)框架搭建example環(huán)境的詳細(xì)教程,本文便搭建?example?開(kāi)發(fā)環(huán)境和打包構(gòu)建,并在example中使用組件庫(kù),需要的朋友可以參考下
    2022-11-11
  • 詳解vuex commit保存數(shù)據(jù)技巧

    詳解vuex commit保存數(shù)據(jù)技巧

    這篇文章主要介紹了詳解vuex commit保存數(shù)據(jù)技巧,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-12-12
  • element-ui select多選綁定回顯值問(wèn)題

    element-ui select多選綁定回顯值問(wèn)題

    這篇文章主要介紹了element-ui select多選綁定回顯值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • vue開(kāi)發(fā)樹(shù)形結(jié)構(gòu)組件(組件遞歸)

    vue開(kāi)發(fā)樹(shù)形結(jié)構(gòu)組件(組件遞歸)

    這篇文章主要為大家詳細(xì)介紹了vue開(kāi)發(fā)樹(shù)形結(jié)構(gòu)組件的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 深入了解vue-loader是如何工作的

    深入了解vue-loader是如何工作的

    這篇文章主要為大家詳細(xì)介紹了vue-loader的工作原理與使用,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-12-12
  • vite+vue3全局定義less變量在單文件中使用方式

    vite+vue3全局定義less變量在單文件中使用方式

    這篇文章主要介紹了vite+vue3全局定義less變量在單文件中使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Element-ui中元素滾動(dòng)時(shí)el-option超出元素區(qū)域的問(wèn)題

    Element-ui中元素滾動(dòng)時(shí)el-option超出元素區(qū)域的問(wèn)題

    這篇文章主要介紹了Element-ui中元素滾動(dòng)時(shí)el-option超出元素區(qū)域的問(wèn)題,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-05-05
  • vue滾動(dòng)條滾動(dòng)到頂部或者底部的方法

    vue滾動(dòng)條滾動(dòng)到頂部或者底部的方法

    這篇文章主要給大家介紹了關(guān)于vue滾動(dòng)條滾動(dòng)到頂部或者底部的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-08-08

最新評(píng)論

紫阳县| 红河县| 罗田县| 丹巴县| 赞皇县| 高台县| 鄢陵县| 土默特左旗| 贞丰县| 洛川县| 崇义县| 尚义县| 花莲县| 麻江县| 调兵山市| 自贡市| 山阴县| 罗田县| 西青区| 夹江县| 精河县| 昌都县| 东丽区| 化德县| 莒南县| 成武县| 枝江市| 涪陵区| 黄石市| 沙洋县| 定陶县| 铜山县| 怀柔区| 浮梁县| 长乐市| 东安县| 肇东市| 玉门市| 进贤县| 咸宁市| 三江|