精华内容
下载资源
问答
  • vue3.0兼容IE浏览器

    千次阅读 2020-07-16 15:13:19
    vue.config.js中的module.exports = {中加入 transpileDependencies: [//解决IE浏览器得es6转换成es5得问题(IE报错缺少':') /[/\\]node_modules[/\\]dom7[/\\]/, /[/\\]node_modules[/\\]swiper[/\\]/, /[/\\...
    在vue.config.js中的module.exports = {中加入
    transpileDependencies: [//解决IE浏览器得es6转换成es5得问题(IE报错缺少':')
        /[/\\]node_modules[/\\]dom7[/\\]/,
        /[/\\]node_modules[/\\]swiper[/\\]/,
        /[/\\]node_modules[/\\]element-ui[/\\]packages[/\\]/,
        /[/\\]node_modules[/\\]element-ui[/\\]src[/\\]/,
        /[/\\]node_modules[/\\]capital-ui[/\\]src[/\\]/,
        /[/\\]node_modules[/\\]vux[/\\]/
      ],
    
    展开全文
  • Vue-cli3.0兼容IE11的方法

    千次阅读 2020-01-07 16:48:40
    Vue3.0兼容IE方法 因为项目需要,必须在IE11上跑现在已经写好的项目。目前的状况是在Chrome上可以顺利的跑起来,在IE就会出现白屏的情况,也会出现下列错误。 会出现各种各样奇怪的语法错误,我猜测是ES6语法IE不...

    Vue3.0兼容IE方法
    因为项目需要,必须在IE11上跑现在已经写好的项目。目前的状况是在Chrome上可以顺利的跑起来,在IE就会出现白屏的情况,也会出现下列错误。
    会出现各种各样奇怪的语法错误,我猜测是ES6语法IE不支持的缘故
    会出现各种各样奇怪的语法错误,我猜测是ES6语法IE不支持的缘故。
    因为本人也是前端菜鸟,所以花了不少时间,才研究出了一个兼容方法。这里跟大家分享一下,也加深一下自己的理解和记忆。
    首先需要Babel-polyfill
    Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,所以现在需要Babel-polyfill来实现
    ①首先安装插件

    cnpm install --save --dev babel-polyfill 
    

    安装完成后,跑项目的时候可能会出现缺少其他插件,这时候重新运行一遍
    npm install即可
    ②在Vue项目中引入babel-polyfill(main.js)

    import 'babel-polyfill'
    

    ③配置webpack
    因为VUE-CLI3.0中隐藏了webpack.config.js 研究了很久在vue.config.js中配置入口没有成功。所以采取了另外一种方式。使用

    vue inspect > output.js
    

    执行该命令后,根目录就会产生一个名为 output.js 的文件,在文件中找到entry

      entry: {
        app: [
          './src/main.js'
        ]
      }
    

    将其替换为

      entry: {
        app: [
          "@babel/polyfill", "./src/main.js"
        ]
      }
    

    用次方法修改了webpack的入口信息。个人理解应该是通过vue.config.js中可以直接配置webpack入口,但是本人技术有限,不知道如何配置,有熟悉配置的大佬希望可以指教一下。

    展开全文
  • vue3.0 如何兼容IE

    2021-03-23 11:34:15
    请问:有没有什么配置方法可以让vue3.0项目兼容IE的?能兼容到IE9和以上是最好的了。 [face]qq:36.gif[/face]最多只能给400分……我想给个2000分的。若有哪位朋友的方案确定是可行的以后,可以另开贴给分[face]qq...
  • 目前新版本的vue3.0和vue2.0的写法上都有了很大的改动,包括对文件打包和ie兼容的问题,都有很大的改动?我使用的ui框架是iviewAdmin的,在网上翻了很久都是针对vue2.0的修改,在build文件夹下的方式,所以完全用不...

    目前新版本的vue3.0和vue2.0的写法上都有了很大的改动,包括对文件打包和ie兼容的问题,都有很大的改动?我使用的ui框架是iviewAdmin的,在网上翻了很久都是针对vue2.0的修改,在build文件夹下的方式,所以完全用不了,然后找到了下面的方式

    正常步骤分为六部:

        1.更改webpack-dev-server版本为2.71 或者是 2.11.1都可以

    npm install --save-dev webpack-dev-server@2.7.1

         2.安装@babel/polyfill

    npm install --save @babel/polyfill

        3.main.js代码最前面加入

    import '@babel/polyfill'

       4.main.js相关的语言包全部删除

    1.main.js中的以下三部分注释掉:
    //import i18n from '@/locale'
    
    Vue.use(iView, {
    // i18n: (key, value) => i18n.t(key, value)
    })
    
    new Vue({
    el: '#app',
    router,
    // i18n,
    store,
    render: h => h(App)
    })
    
    2.还需要把components\main下的:
    
    // this.setLocal(this.$i18n.locale)
    两段注释掉

      5.修改配置文件

    编辑.babelrc
    {
      "presets": [["@vue/app", { "useBuiltIns": "entry" }]]
    }
    
    编辑vue.config.js
    
      transpileDependencies: ['tree-table-vue', 'iview'],
    
      chainWebpack: config => {
        config.entry('polyfill').add('@babel/polyfill')
        config.resolve.alias
          .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components'))
          .set('_c', resolve('src/components'))
      },
    

       6.删除TreeTable依赖

    在main.js注释掉
    
    // import TreeTable from 'tree-table-vue'
    // import VOrgTree from 'v-org-tree'
    
    以及
    
    // Vue.use(TreeTable)
    // Vue.use(VOrgTree)

    这是正常的六部就可以进行兼容ie11的操作了(个人测试了一下,觉得只要是不使用tree-table-vue和v-org-tree这两个组件就可以进行兼容了)

         最后对于兼容v-org-tree的话我是找到了解决方法的,(https://download.csdn.net/download/qq_39215166/11367811)这个是我的下载地址,说实话我没想要设置c币的,但是这个网站给我随机生成了c币下载,我也没有办法

    暂时没有对tree-table-vue这个组件的兼容,如果有兼容过的小伙伴希望可以分享一下

    展开全文
  • vue-cli3.0兼容IE浏览器

    2021-02-26 13:43:03
    因为项目中一些功能用到了IE的ocx组件部分,必须在IE环境下运行,按正常vue支持来说,IE8+应该是支持的,可能ES6写法需要进行兼容,我的项目就是在IE中无法打开,空白,也报一些 未定义什么的错误。 为了解决这个...

    一、背景

    因为项目中一些功能用到了IE的ocx组件部分,必须在IE环境下运行,按正常vue支持来说,IE8+应该是支持的,可能ES6写法需要进行兼容,我的项目就是在IE中无法打开,空白,也报一些 未定义什么的错误。
    为了解决这个问题,开始查找尝试,我的环境是IE11.

    二、解决方法

    1、安装babel-polyfill,由于尝试好多次不成功 我的项目里面还安装了es6-promise,估计不安装也没什么问题,安装方法如下:

    npm install --save babel-polyfill
    npm install --save es6-promise //(可以不用安装)
    

    2、main文件中进行引入

    import 'babel-polyfill'
    import promise from 'es6-promise' //(这个也可以不用引入)
    promise.polyfill() //(这个也可以不用引入)
    

    3、babel.config.js文件配置useBuiltIns

    module.exports = {
      presets: [
        [
          '@vue/app',
          {
            useBuiltIns: 'entry'
          }
        ]
      ],
    };
    

    4、vue.config.js配置transpileDependencies,转译依赖
    配置完以上三个如果能兼容,就不用配置了,如果发现一些 未定义,或者缺少什么符号之类的,找到报错的文件位置对应的依赖名称,添加到transpileDependencies中即可。
    我的这个提示缺少‘)’。
    定位错误如下
    在这里插入图片描述
    在这里插入图片描述

    transpileDependencies: ["resize-detector"],
    

    完成以上步骤基本就可以实现兼容IE高版本了。
    **

    三、注意的问题点

    **
    1、测试环境是IE11.
    2、transpileDependencies增加了报错的包名,如果多个报错的包名,目前没测试,本项目中增加resize-detector包名以后,其他的错误全部消失,如果transpileDependencies:[]全部忽略的话会报错。
    3、在main.js中引入import 'babel-polyfill’时需注意真正的包名和路径,之前我一直用import 'babel/polyfill’结果一直报错,最后发现自己的包名是babel-polyfill。
    在这里插入图片描述

    展开全文
  • vue3.0项目不兼容ie浏览器问题

    千次阅读 2020-12-14 15:25:16
    最近新项目想用vue3.0写一下,感觉v3的语法结构便于管理和阅读,vite的编译速度也很快,反正就是香,赶紧创了个项目试了一下,在测兼容性环节发现竟然不支持ie浏览器,连ie11也不行,在网上找了一圈解决方案试了一下...
  • 达到RC阶段后,将可以处理IE11兼容版本。 官方图书馆Vue 3支持状态 项目 状态 Vue路由器 Alpha [ ] [ ] [ ] 威克斯 Beta,具有相同的API [ ] [ ] Vue类组件 Alpha [ ] [ ] Vue-Cli 通过实验支持 eslint-plu
  • 之前使用vue-cli3.0构建了一个vue应用,里面使用了一些iview的ui组件,因为自己一直是用chrome来开发调试,测试今天突然说ie兼容有问题,我上ie试了下果然不一样如下图:点击这个菜单完全没反应,然后报错一堆,而且...
  • 首先·不需要安装第三方的转换es5的插件因为它已经内置 不多说废话-配置如下 package.json文件下的browserslist对象 "browserslist": [ "> 1%", "last 2 versions", ... '@vue/cli-plugin-babel/prese.
  • vue-cli3.0配置兼容ie浏览器

    千次阅读 2020-01-10 14:10:15
    vue-cli 3.0 配置兼容 ie 下载依赖 npm install babel-polyfill npm install es6-promise 在main.js中引入 import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() ...
  • 原文:https://juejin.im/post/5d977f47e51d4578453274b3兼容性目前打包后的代码是 ES2015+,不支持 IE 11。对 TypeScript 的使用目前的代码 98% 以上使用 TypeScript 编写。如果你还没有学习 TypeScript,请尽快...
  • vue-cli3.0 x 兼容IE配置

    2021-03-31 14:38:01
    一、安装babel-polyfill ...二、修改 vue.config.js webpack 配置 chainWebpack: config => { // 其他配置 config.entry('main').add('babel-polyfill') // main是入口js文件 // 其他配置 } 三
  • 看完这篇文章,如果还不能解决你的vue兼容ie问题,我来手把手教你,我希望在这篇文章中,你不仅仅为了解决兼容性问题,而是学会一种解决问题的思路。 为什么需要兼容IE? 可能兼容IE是每一个前端开发者头痛的问题,...
  • 9月30日,尤雨溪在medium个人博客上发布了vue3.0的开发思路,...2.x的响应式是基于Object.defineProperty实现的代理,兼容主流浏览器和ie9以上的ie浏览器,能够监听数据对象的变化,但是监听不到对象属性的增删、数组..
  • 前言vue 3.0 Beta 测试版发布可以通过vue-cli-plugin-vue-next创建一个vue3.0的beta项目。目前尚不支持IE11,后期可能会处理兼容版本。对vue3...
  • vue3.0的变化

    2019-02-18 19:50:00
    2.0的响应式 基于Object.defineProperty中的set和get方法实现 兼容主流浏览器和ie9以上的ie浏览器, 能够监听数据对象的变化, 但是监听不到对象属性的增删、数组元素和长度的变化, 同时会在vue初...
  • Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘ 彭世瑜 2020-07-06 16:03:36 3499 收藏 6 版权 一、问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的,控制台报错: SCRIPT1003: 缺少 ‘:’ app.js...
  • vue-cli3.0 兼容问题

    2019-10-08 11:00:45
    1. 安装 babel/polyfill 2. 在babel.config.js 里面配置 module.exports = { ... ['@vue/app', { useBuiltIns: 'entry' }] ] } 3. 在 main.js 第一行引入 !!!!!!!!!! 4. 经过以上的 配置 还是再ie上面 ...
  • vue3.0出来了,加油

    2019-10-08 16:38:06
    目前打包后的代码是 ES2015+,不支持 IE 11。 对 TypeScript 的使用 目前的代码 98% 以上使用 TypeScript 编写。 如果你还没有学习 TypeScript,请尽快学习,否则可能看不懂源码。 另外有件事情说出来可能会让你非常...
  • 前言vue 3.0 Beta 测试版发布可以通过vue-cli-plugin-vue-next创建一个vue3.0的beta项目。目前尚不支持IE11,后期可能会处理兼容版本。对vue3源码有兴趣的同学可以去https://github.com/vuejs/vue-next#status-beta...

空空如也

空空如也

1 2 3
收藏数 55
精华内容 22
关键字:

vue3.0兼容ie

vue 订阅