Блог

У меня есть страница компонента. Мне нужно подключить websocket после того, как страница готова;

 <script lang="ts">
import Vue from 'vue'
import VueNativeSock from 'vue-native-websocket'

export default Vue.extend({

data() {

return {}
},
methods : {
  senddata() {

   this.$socket.sendObj({awesome: 'data'})

  },

},
mounted(){

  Vue.use(VueNativeSock, 'ws://cm2:3000', {
    reconnection: true, // (Boolean) whether to reconnect automatically (false)
    reconnectionAttempts: 5, // (Number) number of reconnection attempts before giving up (Infinity),
    reconnectionDelay: 2000, // (Number) how long to initially wait before attempting a new (1000)
      })


  }

})
</script>
 

Все подключается нормально, но если я попытаюсь использовать $socket в методе, я получаю ошибку при сборке :

  ERROR  ERROR in pages/index.vue:20:9                                                                                                                                         15:42:05
TS2339: Property '$socket' does not exist on type 'CombinedVueInstance<Vue, {}, { senddata(): void; }, unknown, Readonly<Record<never, any>>>'.
    18 |   senddata() {
    19 | 
  > 20 |    this.$socket.sendObj({awesome: 'data'})
       |         ^^^^^^^
    21 | 
    22 |   },
    23 | 
 
 

Что я не так? То же самое, если я добавлю wss-соединение в плагин

Проблема решена, когда я вернулся к CommonJS.