微调不工作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;