vuejs/vue-hot-reload-api

Cannot read property '_lifecycleHooks' of undefined

Closed this issue · 3 comments

I've updated my project dependencies and now I'm getting this error from vue-hot-reload-api:

Uncaught TypeError: Cannot read property '_lifecycleHooks' of undefined
    at Object.exports.install (eval at ./node_modules/vue-hot-reload-api/index.js (app.js:1381), <anonymous>:15:17)
    at eval (eval at ./src/App.vue (app.js:1473), <anonymous>:18:10)
    at eval (eval at ./src/App.vue (app.js:1473), <anonymous>:26:3)
    at Object../src/App.vue (app.js:1473)
    at __webpack_require__ (app.js:660)
    at fn (app.js:84)
    at eval (eval at ./src/main.js (app.js:1489), <anonymous>:3:67)
    at Object../src/main.js (app.js:1489)
    at __webpack_require__ (app.js:660)
    at fn (app.js:84)

App.vue has just this content:

<template></template>

main.js has just this content (the Vue instance isn't even being mounted):

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

I'm using webpack-dev-server and the error only happens when devServer.hot is true and the plugin webpack.HotModuleReplacementPlugin is used.

Make sure to reinstall vue-loader to get the latest version of vue-hot-reload-api.

Thanks. It worked.

alfeg commented

I have latest version of vue-loader. I recieve this error after speficfy of key "allowSyntheticDefaultImports": true, in tsconfig as stated in docs.