先用google浏览器打开正常,以上操作猛如虎,IE浏览器打开250,好了不废话,下面是解决方案 为什么会有如上问题呢? 这个就和babel转换问题有关了,按需引入时,那些组件里js文件未进行babel转换或转换不彻底就被引入了,ie11对es6+的语法支持是很差的,所以以上方法就是让引入文件前就对view-design的src下的所有js文件进行babel转换,举一反三,当按需引入第三方框架时出现这个问题,都可用这方法解决了,只要把规则和正则中view-design进行替换。 tips:在全局引入时,一定要记住不要在.babelrc文件里配置按需导入,会导致冲突
准备工作
//借助插件 npm install babel-plugin-import --save-dev // .babelrc { "plugins": [["import", { "libraryName": "view-design", "libraryDirectory": "src/components" }]] }
在main.js中引入
import "view-design/dist/styles/iview.css"; import { Button, Table } from "view-design"; const viewDesign = { Button: Button, Table: Table }; Object.keys(viewDesign).forEach(element => { Vue.component(element, viewDesign[element]); });
解决方案
//vue.config.js中配置 chainWebpack: config => { //解决iview 按需引入babel转换问题 config.module .rule("view-design") // 我目前用的是新版本的iview ,旧版本的iview,用iview代替view-design .test(/view-design.src.*?js$/) .use("babel") .loader("babel-loader") .end(); }
问题原因
延伸扩展
//全局引入 import ViewUI from "view-design"; Vue.use(ViewUI); import "view-design/dist/styles/iview.css";
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算