vue3+ts import引入第三方j(luò)s文件報(bào)錯(cuò)的2種解決方法
報(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,離開頁(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");
})
//銷毀
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)度條的方法
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í)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue3組件庫(kù)框架搭建example環(huán)境的詳細(xì)教程
這篇文章主要介紹了Vue3組件庫(kù)框架搭建example環(huán)境的詳細(xì)教程,本文便搭建?example?開發(fā)環(huán)境和打包構(gòu)建,并在example中使用組件庫(kù),需要的朋友可以參考下2022-11-11
element-ui select多選綁定回顯值問(wèn)題
這篇文章主要介紹了element-ui select多選綁定回顯值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04
vue開發(fā)樹形結(jié)構(gòu)組件(組件遞歸)
這篇文章主要為大家詳細(xì)介紹了vue開發(fā)樹形結(jié)構(gòu)組件的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
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)到頂部或者底部的方法
這篇文章主要給大家介紹了關(guān)于vue滾動(dòng)條滾動(dòng)到頂部或者底部的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08

