Как в vue-cli подключть woocommerce api?

Question

[ipatovd]

Использую vue-cli, хочу подключить туда вот это https://www.npmjs.com/package/woocommerce-api...

Установил через npm, вставляя var WooCommerceAPI = require('woocommerce-api') в main.js, выдает ошибку. В app.vue в script тоже ошибка.

Сама ошибка:

./node_modules/request/lib/har.js Module not found: Error: Can't resolve 'fs' in /node_modules/request/lib'
@ ./node_modules/request/lib/har.js 3:9-22
@ ./node_modules/request/request.js
@ ./node_modules/request/index.js
@ ./node_modules/woocommerce-api/index.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
@ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?localhost:8080 webpack/hot/dev-server ./src/main.js

Подскажите, спасибо!

Comments

[alex]

Не найден модуль fs, подозреваю что у вас там какой-то код не предназначенный для выполнения в браузере. Показывайте app.vue и main.js

[ipatovd]

Они чистые, webpack-simple

<template>
  <div id="app">

  </div>
</template>

<script>

export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
	},
	methods: {
		getPost() {

		}
	}
}
</script>

<style lang="scss">
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}
</style>

import Vue from 'vue'
import App from './App.vue'

new Vue({
	el: '#app',
	render: h => h(App)
})

Answer 1

[Klein Maximus]

https://www.npmjs.com/package/woocommerce-api - прямо в названии пакета указано: WooCommerce API - Node.js Client, а Vue-приложение запускается в браузере (и даже после серверного рендеринга), так что напрямую использовать данный клиент вряд ли получится.