快速解决vue2+vue-cli3项目ie兼容的问题

刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题

先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错

sockjs报错

控制台会一直报这个错，sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。

服务端：sockjs-node（https://github.com/sockjs/sockjs-node）

客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）

如果你的项目没有用到 sockjs，vuecli3 运行 npm run dev之后 network 里面一直调研一个接口：http://localhost:8080/sockjs-node/info?t=1462183700002

从根源上关闭这个调用

1. 找到node_modules\webpack-dev-server\node_modules\sockjs-client\dist\sockjs.js （若是vue3 /node_modules/sockjs-client/dist/sockjs.js）

2.找到代码的 1605行

 try {
 // self.xhr.send(payload); 把这里注掉
 } catch (e) {
  self.emit('finish', 0, '');
  self._cleanup(false);
 }

SCRIPT1002: 语法错误 app.js (9409,46)

我的报这个错是因为在main.js中有无效的引入，删掉就好

补充知识： [vue-i18n] Value of key 'xxxx' is not a string!

在使用iview-admin框架编写目录时报了一大堆警告信息，和vue-i18n有关

解决方法

在项目的locale下的index.js文件中修改配置，让在创建 i18n 示例的时候加上参数去掉这些 warning

const i18n = new VueI18n({
 locale: lang,
 messages,
 silentTranslationWarn: true
});

以上这篇快速解决vue2+vue-cli3项目ie兼容的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

    问题现象 项目使用vue/cli3脚手架搭建的前端项目,vue版本为2.6.10. browserslist的配置如下: [ "> 1%", "last 2 versions"] 但开发环境的IE11打开显示白屏,F12打开显示: 分析过程 5306行显示 "./node_modules/_debug@4.1.1@debug/src/browser.js"这个路径报错,由于eval()包含的代码中有ES6的语法,IE不支持,查了网上很多资料

  • vue项目部署上线遇到的问题及解决方法

    前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程.参考了很多的文档,终于成功进行了部署.在这里将服务器的搭建和vue项目的 部署上线进行整理(都是基础的知识,希望对大家有帮助.对我帮助是很大的) 2.流程 1.服务器搭建 这里我用的是腾讯云的服务器.买了一个域名.没有备案的域名也可以使用.买完服务器进行域名解析. 点击添加解析,按照下面这样填写就行 马赛克是你的外网ip 可以根据你需要的进行修改,我这只是最基本的绑定.其他请自行百度. 3.添加ssh密钥 第一步添加密钥,会

  • 解决vue-cli输入命令vue ui没效果的问题

    最近用vue-cli脚手架很顺口,特别是UI控制台,在这里,创建项目和搭建本地环境,连接服务端变得很容易,页面ui也是一流 要怎么启动呢?在终端输入命令行vue ui,启动UI控制台,然后往浏览器输入终端报出的链接 输入命令行vue ui,终端会报启动信息,这本来很正常.可是呢,今天不知道啥回事,输入vue ui,终端没反应 我查看了vue的帮助信息,敢情是根本没有 'vue ui' 这一命令行!怎么回事?vue版本怎么倒退了! 于是重新安装vue-cli最新版(版本号必须3x以上)就行了,使用

  • Vue CLI3搭建的项目中路径相关问题的解决

    这是开头 最近在试水 Vue CLI 3,并且尝试配置一个多页面(多应用)项目出来,期间又遇到各种路径问题,于是...于是有了下面的唠叨. 以下都是基于 Vue CLI 3 来举例说明的,使用 2.x 版本的其实也类似 首先,参考 官方文档对静态资源处理的说明,并通过自己的实践,可以总结出以下内容 静态资源可以通过两种方式进行处理: 1.以下情况下,资源不会被 webpack 处理,而是被直接拷贝: 放置在 public 目录下,即使未被使用. 通过绝对路径被引用,即以 / 开头的路径. 2.以

  • 快速解决vue2+vue-cli3项目ie兼容的问题

    刚写好的项目在谷歌能打开,ie打不开,需要处理兼容问题 先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决 如果没有其他问题是可以了的,下面是我代码中出现的其他问题导致页面无法显示或者报错 sockjs报错 控制台会一直报这个错,sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟.全双工的浏览器和web服务器之间通信通道. 服务端:sockjs-node(https://github.com/sockj

  • 解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

    vue +webpack 项目中数据更新后页面没有刷新问题,ie11下,如果GET请求请求相同的URL,默认会使用之前请求来的缓存数据,而不会去请求接口获取最新数据,我用的解决方法是在每个请求发送前,拦截请求并给请求接口的URL后加一个时间戳(new Date().getTime()),这样就保证了每一次请求的URL都不同,ie11就会不断的请求接口而不使用缓存数据. 代码如下 if(config.url.indexOf('?')>-1){ config.url = url + config.u

  • vue@cli3项目模板怎么使用public目录下的静态文件

    作为图片最好放在static目录下,但是vue@cli3没有static,网上都说放在public目录下,行,那就放吧,可问题是图片放了怎么使用 第一次尝试 肯定用绝对路径这就不说了,用相对路径,webpack会解析成base64,可是绝对路径怎么输都不对,咋回事 后面看网上说把前面路径下的public路径去掉,好,开发环境没问题了,可打包报错怎么办,就这个我研究了好久. 解决问题 网上一大堆牛头不对马嘴的,我也是无语了 最后的最后,终于官网找到了完美的解决方案 如此设置,完美解决问题,如果你留

  • 快速解决idea打开某个项目卡住的问题

    今天在idea上调试某个项目,结果idea崩了,一直打不开,重启重装也不行,应该是重装不彻底不干净.寻找了网上的一些解决方法,都不管用.既然网上上解决方法也不行,重装也不行,那就老老实实地解决问题吧. 具体现象是这样的:崩在某个项目,强制退出再重新打开,还是卡在这个项目,这时候右键点击程序坞idea图标,还可以打开最近已经打开过的项目,也可以正常关闭,但是崩掉的项目还是卡住.强制退出idea重新启动,还是卡在崩掉的那个项目,让人崩溃. 既然最近打开的项目都可以打开,唯独崩掉的项目不能打开,那应该

  • vue cli3 项目中如何使用axios发送post请求

    vue cli3 项目中如何使用axios发送post请求

    目录 使用axios发送post请求 首先需要安装对应的第三方包 发送post请求 发送get请求将index.js中再添加如下代码 vue使用axios的踩坑记录 axios跨域 解决方法 axios发起post请求后端无法接收数据 使用axios发送post请求 react  同样适用 首先需要安装对应的第三方包 cnpm  i  -S axios cnpm  i  -S lodash 然后在做下边的 在vue 项目中创建一个这样的文件目录 发送post请求 index.js中的文件内容是:

  • 快速搭建vue2.0+boostrap项目的方法

    一.Vue CLI初始化Vue项目 全局安装vue cli npm install --global vue-cli创建一个基于 webpack 模板的新项目 vue init webpack my-project进入项目目录试运行 npm run dev 二.将BootStrap加入到Vue项目中 安装JQuery(因为Boostrap是依赖于JQuery的) npm install jquery --save-dev 安装Boostrap npm install bootstrap --sa

  • 快速解决Vue项目在IE浏览器中显示空白的问题

    vue项目在IE浏览器中显示空白,是因为js文件没有加载,需要引入babel-polyfill这个东西,而用vue脚手架搭建的项目是没有引入此工具的 引入方法: 打开packge.json,在dependencies中加入:"babel-polyfill" : "^6.23.0" 然后重新npm install 在App.vue文件中import:import  "babel-polyfill" 这样IE浏览器就显示正常了. 以上这篇快速解决Vu

  • 解决Vue2.0自带浏览器里无法打开的原因（兼容处理）

    本文介绍了解决Vue2.0自带浏览器里无法打开的原因(兼容处理),分享给大家,希望对大家有帮助 Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多 首先,别急,请看下面的推荐方案: 1.找个Android真机测试下(机型版本为4.4以上),真机联调测试 Android 只需要四个步骤: 1.先保证 是否安装了chrome浏览器 2.其次 ,保证 chrome 是否 已经翻墙成功! 3.最后 使用Android 真机连接 电脑 4.最后的最后,打开chrome ,输入:chrom

  • vue cli3 配置proxy代理无效的解决

    vue cli3 创建的vue项目配置开发环境代理无效,网上的各种配置都试了,还是不行,最后终于试出来一种配置方法 vue.config.js配置如下内容(不要配置任何多余的选项,什么changOrigin pathRewrite 之类的东西都不要配): module.exports = { devServer: { proxy:"http://127.0.0.1:8081", port: 8085 } } axios访问的时候不要配置任何东西,axios里访问的url不需要加任何前缀

  • vue cli3.0打包上线静态资源找不到路径的解决操作

    项目中遇到打包之后静态资源路径找不到,报如下错误: 解决方法是: 在项目的根目录下创建vue.config,js文件,在里面配置静态资源的路径,publicPath是配置静态资源路径的属性,vue.config,js文件的代码如下: module.exports = { publicPath: './' } 补充知识:vue-cli3 npm run build 打包后静态资源的配置 vue.config.js的配置 vue.config.js配置如下: const path = require

随机推荐