意外的令牌导入 - jsfiddle

Question

我试图让 toastr 库在 jsfiddle 中工作，但我不断收到此错误：未捕获的语法错误：意外的令牌导入

这是我的 jsfiddle：https://jsfiddle.net/50wL7mdz/77255/

这是我的代码：

import VueToastr from '@deveodk/vue-toastr';
Vue.use(VueToastr, {
    defaultPosition: 'toast-bottom-left',
    defaultType: 'info',
    defaultTimeout: 1000
});
new Vue({
  el: '#app',
  data: {    
  },
  created(){
    this.$toastr('success', 'it works!', 'Yeahh');
  },
  methods: {          
  }
})

这是库参考：https://github.com/Deveodk/vue-toastr

import 关键字在 jsfiddle 中不起作用吗？

Answer 1

导入不适用于 JSFIDDLE。您需要安装包并使用不支持的导入进行引用。相反，你可以这样做，

您可以使用外部引用库 url,

https://unpkg.com/vue-toastr-2@0.0.8/dist/vue-toastr-2.js
https://unpkg.com/vue-toastr-2/dist/vue-toastr-2.min.css

DEMO

意外的令牌导入 - jsfiddle

Unexpected token import - jsfiddle

javascript

jsfiddle

vue.js