Vue-cli@3.0 IE 浏览器路由跳转报错

最新推荐文章于 2024-12-30 17:20:59 发布

原创最新推荐文章于 2024-12-30 17:20:59 发布 · 495 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript #elementui

vue 专栏收录该内容

5 篇文章

订阅专栏

本文主要介绍了在使用Vue-cli3.0搭建的前端项目中，遇到IE11浏览器路由跳转报错的问题。问题出现在引入了jointjs框架并封装为组件后，路由包含此组件时无法正常跳转。解决方案包括：将jointjs版本降级到3.3.0，引入core-js/stable和regenerator-runtime/runtime，在.browserslistrc文件中确保未排除IE，以及在babel.config.js中配置ElementUI。通过这些步骤，成功解决了IE11下路由跳转的问题。

Vue-cli@3.0 IE 浏览器路由跳转报错

前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错
- 解决方法

前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错

在这里插入图片描述

说明一下我使用的是jointjs框架引入到vue项目中，并封装成组件，而路由跳转包含该组件的页面报错，跳转不过去

解决方法

本人使用的jointjs版本是3.4.0（这个好像是ts语言，vue创项目是没有选着ts,不知道和这个有没有关系，本人也没有测试），降低包的版本到3.3.0
在Vue的入口文件最顶部直接引入 import 'core-js/stable' import 'regenerator-runtime/runtime'
查看自己配置文件.browserslistrc里边配置有没有把ie排除在外，不懂的直接加上一新行 not ie<=8
还有就是我项目中引入了element ui组件，所以我创建了babel.config.js

module.exports = {
  "presets": [
		'@vue/cli-plugin-babel/preset'
	],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

给大家一个参考，希望大家都可以解决问题