600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > vue遇到ie兼容问题如何处理_关于使用vue-cli3.0的ie兼容问题

vue遇到ie兼容问题如何处理_关于使用vue-cli3.0的ie兼容问题

时间:2018-10-11 02:44:34

相关推荐

vue遇到ie兼容问题如何处理_关于使用vue-cli3.0的ie兼容问题

之前使用vue-cli3.0构建了一个vue应用,里面使用了一些iview的ui组件,因为自己一直是用chrome来开发调试,测试今天突然说ie兼容有问题,我上ie试了下果然不一样

如下图:

点击这个菜单完全没反应,然后报错一堆,而且这个项目中的其余几个页面还是正常的,只是会报一些类似月iview中的错误,查了半天关于使用babel-polyfill来完善兼容性的方法,但是大部分都是vue-cli2版本的,其中使用在main.js中也尝试引入了,但是仍旧没效果,在思否上查到一些相关的资料也试了,有所改善,但是还是没有完全解决,第一次用vue-cli3.0,配置的时候使用entry提示报错,现在的代码如下:

main.js

// import 'babel-polyfill'

import Vue from "vue";

import App from "./App.vue";

import router from "./router";

import store from "./store";

import iView from 'iview';

import * as filters from './filters/index';

import 'iview/dist/styles/iview.css';

import '@/my-theme/index.less';

import '@/assets/css/iconfont.css';

import '@/assets/css/common.less';

Vue.config.productionTip = false;

Vue.use(iView);

Object.keys(filters).forEach(key => Vue.filter(key, filters[key]));

new Vue({

router,

store,

render: h => h(App)

}).$mount("#app");

vue.config.js

module.exports = {

chainWebpack: config => {

config

.entry('index')

.add('babel-polyfill')

} //根据刚才在思否上查的资料修改的

}

babel.config.js没有动过

module.exports = {

presets: ["@vue/app"]

};

项目目录结构

之前一直都是使用命令行直接用vue-cli建立项目,从来没自己手动配置过babel这东西,现在搞的有些乱,希望大家能帮忙指点一下,不胜感激

补充:IE报错总是提示 Error in render: "TypeError: 对象不支持“findIndex”属性或方法"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。