微調不工作vue.js

Question

我使用這個包：https://github.com/greyby/vue-spinner顯示微調。

<template> 
    <pulse-loader :loading="loading" :color="color" :size="size"></pulse-loader> 
</template> 

<script> 

import { PulseLoader } from 'vue-spinner/dist/vue-spinner.min.js'; 

export default { 

    components: { PulseLoader }, 

    data() { 
    return { 
     loading: true, 
     color: "black", 
     size: "10" 
    } 
    } 
} 
</script> 

由於某種原因，微調不顯示???！？！我的控制檯沒有錯誤！

Answer 1

您不應該從dist文件夾導入。

請嘗試導入vue組件來源，如文檔中顯示這樣做：

import PulseLoader from 'vue-spinner/src/PulseLoader.vue' 

文檔：https://github.com/greyby/vue-spinner#es6

---

UPDATE：

考慮對申請Browserify限制在內的文件中轉換210，那麼你可以嘗試在mentioned GitHub issue提供的代碼片段：

var PulseLoader = require('vue-spinner/dist/vue-spinner.min').PulseLoader;