vue開發(fā)使用vue-particles如何兼容IE11？

Dionysus_go 發(fā)布于2019-08-22 17:02 / 1150人閱讀

摘要：最近開發(fā)項目，項目有一個粒子特效使用。項目用構(gòu)建，打包完畢，丟到服務器，訪問完美，測試和也正常。遺憾的是，在顯示一片空白。開始逐步排查，找到是的問題，修改后訪問正常。原代碼如下不支持這種寫法，故修改如下

最近開發(fā)vue項目，項目有一個粒子特效使用vue-particles。項目用vue-cli構(gòu)建，webpack打包完畢，丟到服務器，chrome訪問完美，測試360和Edge也正常。
遺憾的是，在IE11顯示一片空白。F12，第一次也沒有發(fā)現(xiàn)錯誤，刷新后，報錯：

SCRIPT: 缺少":"

網(wǎng)上搜了很多種方法，測試IE瀏覽器不支持新的ES6語法等情況，但import "babel-polyfill"后仍然沒有任何改觀。
開始逐步排查，找到是vue-particles的問題，修改vue-particles/index.js后IE訪問正常。
原vue-particles/index.js代碼如下：

import particles from "./vue-particles.vue"

const VueParticles = {

install (Vue, options) {
        Vue.component("vue-particles", particles)
    }

}

export default VueParticles

IE不支持install(){}這種寫法，故修改如下：

import particles from "./vue-particles.vue"

const VueParticles = {

    install: function (Vue, options) {
        Vue.component("vue-particles", particles)
    }

}

export default VueParticles

云服務器 GPU云服務器 ie如何使用webrtc 如何解決兼容問題?Win11僅支持1個I ie兼容 ie不兼容

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/94794.html

vue開發(fā)使用vue-particles如何兼容IE11？

摘要：最近開發(fā)項目，項目有一個粒子特效使用。項目用構(gòu)建，打包完畢，丟到服務器，訪問完美，測試和也正常。遺憾的是，在顯示一片空白。開始逐步排查，找到是的問題，修改后訪問正常。原代碼如下不支持這種寫法，故修改如下最近開發(fā)vue項目，項目有一個粒子特效使用vue-particles。項目用vue-cli構(gòu)建，webpack打包完畢，丟到服務器，chrome訪問完美，測試360和Edge也正常。遺...

Sleepy 2019-08-02 10:21 評論0 收藏0
開發(fā)中遇到的問題總結(jié)

摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 評論0 收藏0
開發(fā)中遇到的問題總結(jié)

摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 評論0 收藏0