Javascript Vue select和其他Vue库使用npm导入到新的Vue,而不使用CDN

Javascript Vue select和其他Vue库使用npm导入到新的Vue,而不使用CDN,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我刚开始在我的flask应用程序中使用Vue仅在某个模板中使用Vue组件,而不是在所有项目中,当我需要使用一些Vue扩展(例如Vue dropzone)时,我被卡住了,发现此Vue库没有CDN。因此,我尝试开始使用npm来理解如何在不使用CDN的情况下导入一些模型,我被卡住了,因为有一个简单的示例我想要实现,但它不起作用。有谁能帮我弄明白如何在不使用CDN的情况下使用npm安装导入Vue扩展 下面是simple index.html,我尝试在其中使用Vue select,而不使用CDN和CDN。

我刚开始在我的flask应用程序中使用Vue仅在某个模板中使用Vue组件,而不是在所有项目中,当我需要使用一些Vue扩展(例如Vue dropzone)时,我被卡住了,发现此Vue库没有CDN。因此,我尝试开始使用npm来理解如何在不使用CDN的情况下导入一些模型,我被卡住了,因为有一个简单的示例我想要实现,但它不起作用。有谁能帮我弄明白如何在不使用CDN的情况下使用npm安装导入Vue扩展

下面是simple index.html,我尝试在其中使用Vue select,而不使用CDN和CDN。这很好

   <script src="https://unpkg.com/vue@latest"></script>

     <div id="app">
      <h1>Vue Select</h1>
         <v-select  :options="options" :reduce="item => item.supp_name" label="supp_name" v- 
       model="selected">

     </v-select>

     <pre>{{$data.selected}}</pre>
    </div>


  <script>


    import Vue from 'vue'
    import vSelect from 'vue-select'

    Vue.component('v-select', VueSelect.VueSelect)
     new Vue({
     el: '#app',
     data: {
    options: [

        {"id":20,"supp_name":"test1"},
        {"id":21,"supp_name":"test2"},
        {"id":34,"supp_name":"supertest"}
        ],

        selected:"",
        }

        })
      </script>

您是否实际使用绑定器来绑定/打包依赖项?您是否有节点项目?您是否使用了npm安装?我担心这个问题有太多的未知数,甚至无法帮助您是的,我使用npm安装它安装npm模块,我尝试导入模型,但这会导致error@Terry不幸的是,我不知道什么是bundler@T.Short你能让我知道我需要提供什么才能有机会解决这个问题吗?