vue使用swiper打包后ie浏览器打开语法错误问题

最新推荐文章于 2024-01-11 14:31:05 发布

北岸初晴。

最新推荐文章于 2024-01-11 14:31:05 发布

阅读量2.5k

点赞数 2

分类专栏： vue 文章标签： swiper ie语法错误 swiper打包

本文链接：https://blog.csdn.net/weixin_39119511/article/details/101066824

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于vue使用swiper打包后ie浏览器打开语法错误问题

原因

引入文件
import Swiper from ‘swiper’
import ‘…/…/…/node_modules/swiper/dist/css/swiper.min.css’

因为这样引入之后，他会直接找到node_modules/swiper下的依赖包，但是在打包的时候它可能会无法找到相应的文件，导致某些文件出现问题，在其他浏览器下面不会出现问题，但是在ie浏览器打开的时候会报5002语法错误等等

网络解决办法

把.babelrc文件里的插件项"plugins": [“transform-runtime”],中的transform-runtime删掉即可；
小编亲测，此解决办法无法解决此问题

解决办法

在build文件中找到webpack.base.conf.js文件，修改配置项：resolve》》alias添加’swiper’: ‘swiper/dist/js/swiper.js’
在这里插入图片描述

重新打包后在ie浏览器打开，完美解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

北岸初晴。

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误

Mr.小灰狼_随笔

12-24

9757

整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误 这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。目录一、关于 sockjs-client 依赖包二、关于 highlight 依赖包三、关于 swiper 依赖包四、IE 不支持 ES6 语法五、第三方插件引入导致六、本地环境正常，生产环境仍旧白屏

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

weixin_35426022的博客

06-17

1589

注意：htmlvue 只兼容ie8以上版本；IE 不兼容 axios的promiss对象;IE 不兼容es6语法；ES6转ES51、关于babel-polyfillvue一、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a librar...

1 条评论您还未登录，请先登录后发表或查看评论

swiper插件在ie浏览器无反应，解决办法

qq_38179746的博客

09-16

1056

在写pc端页面时，用swiper插件发现在ie中用不了，百度下说是swiper从3以后向手机端发展，所以在pc端无响应。后来了解到，swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.也就是：idangerous.swiper.js 官网演示地址：http://2.swiper.com.cn/demo/ swiper2下载...

关于vue中使用swiper在ie浏览器和ios 9 系统中白页面。SCRIPT1002：语法错误 dom7.modular.js

qq_35431814的博客

05-09

1192

关于引入swiper导致白页面的问题最近在使用swiper发现在ios 9系统和ie11中及一下。会导致白页面。通过抓包调试ios手机的时候。只是报了一个const 不识别的问题。完全定位不到地方。。。一脸懵逼。因为vue-cli3.x以上是自带babel的。后来在ie浏览器中试了下。打印出了一个错误SCRIPT1002：语法错误 dom7.modular.js。这是因为使用swiper的时候会自动引入dom7,ssr-window这两个库。但是vue-cli默认是不对node_modules进

引入swiper插件后，导致vue项目在ie浏览器中空白问题

cc蒲公英的博客

06-25

239

引入swiper插件后，导致vue项目在ie浏览器中空白问题

vue ie swiper 空白报错不支持语法

qq_24612793的博客

10-28

132

降低swiper版本至"swiper":"^3.4.2",原来的版本太高ie不支持

vue打包后有es6语法兼容问题，ie报错

Antoinette_Xiao的博客

08-03

9898

vue打包后有es6语法兼容问题，ie报错（个人学习笔记，仅供参考）：情景：ie/360浏览器打开build之后的页面报错了，点击报错定位的时候发现有“const”和箭头函数语法，发现是兼容问题，开始检查自己代码，我代码中没有用到es6语法，但想起自己用的插件，一个个排除，发现加载vue-charts-v3的时候打包就会有es6语法 import IEcharts from ‘vu...

vue+elementUI打包后在IE10以下出现语法错误的原因与解决办法

随风丶逆风的博客

11-26

2950

原因 IE10以下报下面的错误：查看详情就会发现是elementUI的ES6语法并未被编译转换成ES5 解决办法安装了babel、babel-loader的前提下，在webpack.base.conf.js中相应位置添加如下配置即可 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src')...

vue框架使用

热门推荐

小圣贤君的博客

04-01

1万+

来了，兄弟，别急，咱们慢慢往下看。项目打包之后，本地打开文件显示白屏了？微信公众号里打开项目白屏了？苹果手机打开白屏了？死活都有部分iPhone机型是白屏显示的？兄弟，别急，咱们走起…… 1，ios10 出现白屏原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时，我们错误地认为这是一个语法错误。解决方法如下：进入build文件夹；找到w...

vue中使用swiper插件遇到的问题

qianduan1020的博客

10-19

906

//1. 安装swiper npm i swiper //2.引用 import Swiper from "swiper"; //下面用不了就用这个 import "swiper/dist/css/swiper.css"; 可以去node_modules--->swiper文件夹里找一下swiper.css的路径 import "swiper/css/swiper.css"; //3.创建s...

vue中请求数据，用swiper4，swiper5制作轮播图详细步骤

weixin_51231997的博客

03-07

1844

vue中根据请求的数据，使用swiper4/5插件形成基本的轮播图一.请求数据 1. 拿到轮播图数据步骤 1.1 创建request.js封装axios模板，nmp安装–import引入–创建axios实例–拦截器–发送网络请求 1.2 比如详情页detail做轮播图，请求detail中轮播图数据，request.js同目录创建detail.js import { request } from './request' //跟据接口，请求自己想要的那组数据，这里是和详情页有关的 export functio

nuxt swiper和vue-awesome-swiper版本不对应的问题

sinat_37769127的博客

11-10

1027

ERROR in ./node_modules/swiper/css/swiper.min.css (./node_modules/@nuxt/postcss8/node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!./node_modules/swiper/css/swiper.

报错: error in ./node_modules/@vueuse/core/index.mjs

zx960103的博客

09-27

9762

如图: 解决办法: 在vue.config.js里面配置一下: module.exports = { configureWebpack: { module: { rules: [{ test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto' }] } } }

详解Vue.js使用Swiper.js在iOS＜11时出现错误

qq_41074373的博客

10-14

527

转载于：https://www.jb51.net/article/147140.htm（侵删）这篇文章主要介绍了详解Vue.js使用Swiper.js在iOS<11时出现错误，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧前言 swiper这是一个很强大的轮播展示工具，但往往也会有一些未知BUG，尤其是在手机端，由于性能局限，会导致效果和PC测试的时候有完全不一样的效果在H5项目中，需要用到翻页效果，通过 Swiper 来实现，安装 Swiper .

vue打包后在ie浏览器下访问报语法错误

weixin_42811248的博客

04-06

730

vue项目部署后在ie浏览器下访问报语法错误： 1.解决方法首先定位到报错文件； 2.编译为es5；在线编译

VUE打包部署后IE报：SCRIPT5022：引发异常且未捕获

sflwolf的专栏

12-03

2616

系统打包部署之后IE报：SCRIPT5022：引发异常且未捕获本地IE打开也是一片空白，奇怪的是也没有报错。尝试在main.js添加全局try catch不行。把js的地址放到try catch也不行后来琢磨了一下解决了，解决方法如下：将服务器上报异常的JS整个复制出来，然后放到如下代码块中：try{//完整的JS代码}catch(e){console.log(e)}在浏览器的控制台中执行一下。catch住了异常。报错：SCRIPT1046: strict 模式下不允许一个属性有多个定义网上解决方案很多，基

vue使用Swiper

07-11

vue-awesome-swiper 是一个 Vue.js 的轮播组件，可以用来制作图片、视频等内容的轮播效果。使用方法： 1. 安装 vue-awesome-swiper：npm install vue-awesome-swiper 2. 在 main.js 中引入并使用 vue-awesome-...