将Vuex与Nuxt和Vue-Native-Websocket一起使用

vue.js Vue.js

村村番长

2020-03-27

我正在尝试用来自websocket的数据填充我的vuex存储。我正在使用Nuxt。为了处理websocket,我使用了vue-native-websocket包。与websocket的连接成功,但无法提交到存储,它在每个套接字事件上触发错误Uncaught TypeError: this.store[n] is not a function

根据Nuxt和vue-native-websocket文档,我使用它们的方式如下:

插件native-websocket.js:

import Vue from 'vue'
import VueNativeSock from 'vue-native-websocket'
import store from '~/store'

Vue.use(VueNativeSock, 'wss://dev.example.com/websocket/ws/connect', { store: store })

nuxt.config.js

  plugins: [
   {src: '~plugins/native-websocket.js', ssr: false}
],

建立连接后,我得出一个结论,即程序包已正确连接,所以这与存储有关,我无法弄清问题所在

UPD:经过一些解决方法后,我发现native-websocket.js中的日志存储返回

store() {
  return new __WEBPACK_IMPORTED_MODULE_1_vuex__["default"].Store({
   state: {...my store

并提交给它,因此返回__WEBPACK_IMPORTED_MODULE_2__store__.default.commit is not a function webpack,正如我所见

第3820篇《将Vuex与Nuxt和Vue-Native-Websocket一起使用》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android