Почему сборка webpack выдаёт ошибку?

Question

[pegas]

Экспортирую модуль store (плагин для Vue) во входной файл для вебпака, запускаю npm run dev, а мне в консоль ошибка Error in created hook: "TypeError: Cannot read property 'dispatch' of undefined". В коде ошибок нет т.к. если напрямую вставить код из модуля то всё работает.

Помогите пожалуйста, сделал наглядную репу:
github.com/Artem-PeGaS/test-webpack.git
Видимо неправильная сборка webpack но я не понимаю в чём проблема

Answer 1

[0xD34F]

В main.js:

import Vue from 'vue/dist/vue.esm.js'

В store.js:

import Vue from 'vue'

Вы бы определились, какую сборку vue хотите использовать. А то сейчас подключаете vuex к одной, а реально используете другую. Естественно, $store оказывается undefined.

Comments

[pegas]

Поклон

[Сергей delphinpro]

Артём, чтобы не писать это постоянно "import Vue from 'vue/dist/vue.esm.js'"
пропишите алиас в конфиге

"alias": {
  "vue$": "vue/dist/vue.esm.js"
}

тогда импортировать просто import Vue from 'vue'