vue-cli3.x 组件es6 转es5 失败 导致低版本浏览器报错
错误为Uncaught SyntaxError: Unexpected token ...这个问题网上看了很多解决方式 都没发实现这个组件转化成ES5这个坑爹的组件就是 vue-superslide来看一下他入口文件的内容// 导入组件import superslide from './superslide'// import superSlide from "...
·
错误为 Uncaught SyntaxError: Unexpected token ...
这个问题网上看了很多解决方式 都没发实现这个组件转化成ES5
这个坑爹的组件就是 vue-superslide
来看一下他入口文件的内容
// 导入组件
import superslide from './superslide'
// import superSlide from "./slide";
// import SuperSlideItem from "./slide-item";
// 存储组件列表
const components = [superslide]
// 定义 install 方法,接收 Vue 作为参数。如果使用 use 注册插件,则所有的组件都将被注册
const install = function(Vue) {
// 判断是否安装
if (install.installed) return
// 遍历注册全局组件
components.map(component => Vue.component(component.name, component))
}
// 判断是否是直接引入文件
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue)
}
export default {
// 导出的对象必须具有 install,才能被 Vue.use() 方法安装
install,
// 以下是具体的组件列表
...components
}
真的是有es6语法 悲伤 整个项目只有这个组件没有转义成ES5 不明所以 还是要解决啊 我并没有放弃它
解决方式 去node_modules文件夹下面找到,把它当一个静态资源引入直接放在assets目录下
原来插件的引入方式是
import VueSuperSlide from 'vue-superslide'
Vue.use(VueSuperSlide)
现在的引入方式是
import VueSuperSlide from './assets/js/vue-superslide/packages/index.js' Vue.use(VueSuperSlide)
这简直的 LOW 到不行 但解决问题了 我忍一忍
更多推荐
已为社区贡献13条内容
所有评论(0)