我正在尝试用来自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,正如我所见