Runtime Vue error Laravel 8 and Jetstream VUE_PROD_DEVTOOLS not defined

Question

I am getting this error:

app.js?id=37395f80948d4d99f537:2 Uncaught ReferenceError: VUE_PROD_DEVTOOLS is not defined at Module.5166 (app.js?id=37395f80948d4d99f537:2)

When I run a new Laravel 8 install with Jetstream, having run npm run prod. It works fine with npm run dev. Home page will not render at all with the prod version. I have the Vue dev tools extension in Chrome installed, with the allow access to file URLs option turned on.

George Brotherston George Brotherston · Accepted Answer · 2021-03-02T05:37:45

I ran into this same error, and was able to resolve it by ensuring 'webpack.config.js' has the following:

const webpack = require('webpack')

module.exports = {
plugins: [
new webpack.DefinePlugin({
__VUE_PROD_DEVTOOLS__: 'false'
})
],
};

This is in addition to whatever else you have in your webpack.config.js file.

Also note that npm run prod may be different than npm run production

I found this solution at https://github.com/visualfanatic/vue-svg-loader/issues/136

Runtime Vue error Laravel 8 and Jetstream VUE_PROD_DEVTOOLS not defined

2 Answers