vue3+ts import引入第三方j(luò)s文件報錯的2種解決方法
報錯原因:
執(zhí)行 import XXX from ‘XXX.js’ 報錯,The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模塊化標準,不能按需導(dǎo)入
解決方案:
第一種方法:
在index.html里利用script全局引入
<script type="text/javascript" src="xxx.js"></script>
第二種方法:
在所需的.vue文件里單獨引入,最后在head標簽里生成js和css,離開頁面時移除
//移除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"); }) //銷毀 onUnmounted(()=>{ removejscssfile("mystyle.css", "css"); removejscssfile("xxx.js", "js"); })
總結(jié)
到此這篇關(guān)于vue3+ts import引入第三方j(luò)s文件報錯的2種解決方法的文章就介紹到這了,更多相關(guān)vue3 import引入第三方j(luò)s文件報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用Vue和Firebase實現(xiàn)后臺數(shù)據(jù)存儲的示例代碼
在現(xiàn)代 web 應(yīng)用開發(fā)中,前端和后端的無縫協(xié)作至關(guān)重要,借助 Firebase 等云計算解決方案,前端開發(fā)者可以輕松實現(xiàn)數(shù)據(jù)存儲與實時更新,本文將為大家詳細介紹如何利用 Vue 3 的 Composition API 和 Firebase 實現(xiàn)后臺數(shù)據(jù)存儲,需要的朋友可以參考下2024-10-10Vue3的ts報錯:類型"{}"上不存在屬性"xxx"的兩種徹底根治解決方法
這篇文章主要給大家介紹了關(guān)于Vue3的ts報錯:類型"{}"上不存在屬性"xxx"的兩種徹底根治解決方法,這是最近做項目中遇到的一個問題,這里給大家總結(jié)下解決辦法,需要的朋友可以參考下2023-08-08vue 實現(xiàn)強制類型轉(zhuǎn)換 數(shù)字類型轉(zhuǎn)為字符串
今天小編就為大家分享一篇vue 實現(xiàn)強制類型轉(zhuǎn)換 數(shù)字類型轉(zhuǎn)為字符串,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11