Vuejs2 如何修复Xiaokike/vue颜色组件未定义VueColor错误

在Laravel5.7/VueJS2.6应用程序中，我想添加组件，并将其用作颜色选择器和谷歌搜索 我找到了这个示例，但尝试在我的组件中使用它时，我遇到了错误：

app.js?dt=1556192237:3726 Uncaught ReferenceError: VueColor is not defined
    at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/BS4/Personal.vue?vue&type=script&lang=js& (app.js?dt=1556192237:3726)
    at __webpack_require__ (app.js?dt=1556192237:20)
    at Module../resources/js/components/BS4/Personal.vue?vue&type=script&lang=js& (app.js?dt=1556192237:112840)

在我的组件中，我做了如下操作：

<script>
    import {bus} from '../../app';
    import appMixin from '../../appMixin';
//    import 'vue-color';   // I Tried to uncomment these 2 lines - but the same error anyway.
//    import 'vue-color/dist/vue-color';

    import Vue from 'vue';
    import vSelect from 'vue-select'
    Vue.component('v-select', vSelect)
    import { compact } from 'vue-color' ;
    var Chrome = VueColor.Chrome;
    Vue.component('colorpicker', {
        components: {
            'chrome-picker': Chrome,
        }
    });

    export default {
        name: "Personal",
        components: {
        },
        data() {

修改的块： 我看到了这个例子，但它看起来不同，如下所示： 并压缩打印屏幕的顶部 我需要像在url 看看这个示例，我错过了在这个工作示例中定义VueColor的地方

---

谢谢

但是您的import语句似乎缺少变量名，请参见文档中的示例。在这里，他们导入一个名为

Photoshop

import { Photoshop } from 'vue-color'

new Vue({
    components: {
      'photoshop-picker': Photoshop
    }
})

---

请看修改后的方块

import { Photoshop } from 'vue-color'

new Vue({
    components: {
      'photoshop-picker': Photoshop
    }
})