Vue-CLI Webpack, как вы импортируете библиотеку vue-shopify-products? - PullRequest
Новая
       7

Vue-CLI Webpack, как вы импортируете библиотеку vue-shopify-products?

0 голосов
/ 18 мая 2018

Документация гласит: 

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

И затем, прежде чем инициализировать vue, вы делаете следующее: 

 Vue.use(ShopifyProducts);

Что вы делаете, если выиспользовать шаблон веб-пакета vue-cli?

Мой файл 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)
    })
  }
})

Это не работает, так как я получаю ошибку 'Uncaught (вобещание) TypeError: _this. $ formatProducts не является функцией '.Как правильно включить Vue-Shopify-Products и ссылаться на функцию $ formatProducts?

1 Ответ

0 голосов
/ 19 мая 2018

Поскольку это пакет npm, установленный как зависимость, вы должны импортировать его следующим образом:

import defaultExport from "module-name";

, поэтому это должно работать: 

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

После этого вы можете избавиться от ссылки на скрипт модуля.

Редактировать 1:

Не думаю, что это сработает, так как модуль , который вы пытаетесь использовать в качестве плагина Vue, не следует соглашениям, указанным в документации Vue .

...