javascript - 意外的 token 导入 - jsfiddle

Question

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

这是我的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

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

Answer 1

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

您可以使用外部网址引用该库，

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