3Descape
3611
12
Vue

[Vue warn]: Failed to mount component: template or render function not defined.

Posted 1 year ago by 3Descape

I did a npm update and composer update today and now I get the error everywhere where I use vue : [Vue warn]: Failed to mount component: template or render function not defined, even though everything worked perfectly fine before. This is my package.json:

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap": "^4.0.0-beta",
    "cross-env": "^5.0.5",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.4.4",
    "lodash": "^4.17.4",
    "popper.js": "^1.12.3",
    "vue": "^2.4.4",
    "vue-chartjs": "^2.8.7"
  },
  "dependencies": {
    "chart.js": "^2.7.0",
    "dropzone": "^5.1.1",
    "font-awesome": "^4.7.0",
    "marked": "^0.3.6",
    "moment": "^2.18.1",
    "purify-css": "^1.2.6",
    "purifycss-webpack": "^0.7.0",
    "tempusdominus-bootstrap-4": "^5.0.0-alpha9"
  }
}

and my app.js

require('./bootstrap');

window.Vue = require('vue');

Vue.component('dashboard', require('./components/Dashboard.vue'));
Vue.component('roles', require('./components/Roles.vue'));
Vue.component('sites-edit', require('./components/SitesEdit.vue'));
const app = new Vue({
    el: '#app',
});

I would really appreciate if anybody has an idea of what it could be.

Please sign in or create an account to participate in this conversation.