Vue.js Vue CLI网页包如何导入Vue shopify产品库？

政府是这样说的：

<script type="text/javascript" src="assets/js/vue-shopify-products.js"></script>

如果你使用

我的main.js文件如下所示

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
import * as d3 from 'd3'
import * as shopifyProducts from 'vue-shopify-products'

Vue.config.productionTip = false

Vue.use(shopifyProducts)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>',

  created: function () {
    d3.csv('/static/data/csv-files/bicycles.csv', (data) => {
      let products = this.$formatProducts(data)
      console.log(products)
    })
  }
})

从“Vue”导入Vue
从“./App”导入应用程序
从“./路由器”导入路由器
从“./store”导入存储
从“d3”导入*作为d3
从“vue shopify products”导入*作为shopify产品
Vue.config.productionTip=false
Vue.使用（购物化产品）
/*eslint禁用无新*/
新Vue({
el:“#应用程序”，
路由器，
商店，
组件：{App}，
模板：“”，
已创建：函数（）{
d3.csv（'/static/data/csv files/bicycles.csv'，（数据）=>{
让产品=此。$formatProducts（数据）
console.log（产品）
})
}
})

---

这不起作用，因为我得到错误“Uncaught（in promise）TypeError:_This.$formatProducts不是函数”。包含Vue Shopify产品并引用$formatProducts功能的正确方法是什么？

由于它是作为依赖项安装的npm软件包，您应该以这种方式导入它

import defaultExport from“module name”

因此，这应该是可行的：

import ShopifyProducts from "vue-shopify-products";
Vue.use(ShopifyProducts);

在这之后，您可以去掉模块的脚本引用

编辑1:

我认为这是行不通的，因为您尝试用作Vue插件时没有遵循上指定的约定。
Vue shopify产品的
Vue shopify软件包不可导入，因为它不导出任何内容。事实上，它只使用
const
（当它可能打算使用
var
）设置一个局部变量，因此脚本实际上没有做任何有用的事情。你可能应该提交一份bug报告。谢谢你，你是对的，我不得不放弃这个项目并修改它以符合Vue的插件标准。
import ShopifyProducts from "vue-shopify-products";
Vue.use(ShopifyProducts);