意外令牌進口 - 的jsfiddle

Question

我試圖在的jsfiddle的toastr圖書館工作，但我不斷收到此錯誤：未捕獲的SyntaxError：意外的令牌進口

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

是否進口關鍵字不行我n 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