Mit Grunt mit VueJS

Question

Ich habe nur die Einrichtung VueJS2 mit Grunt & Browserify zu halten versuchen, den gleichen Fehler der Vorlage schlagen oder Render-Funktion nicht definiert ist: [Vue warn]: Failed to mount component: template or render function not defined.

Hier ist der Code:

Index.js:

import Vue from 'vue'; 
import Router from 'vue-router'; 
import App from './components/App.vue' 
import Resource from 'vue-resource' 
import indexComponent from './components/index/template.vue' 

Vue.use(Router) 
Vue.use(Resource) 

// route config 
let routes = [ 
    { 
    path: '/', 
    name: 'home', 
    component: indexComponent 
    }, 
    { path: '*', redirect: '/' } 
] 

// Set up a new router 
let router = new Router({ 
    routes: routes 
}) 

// Start up our app 
new Vue({ 
    router: router, 
    render: h => h(App) 
}).$mount('#app') 

gruntfile.js:

browserify: { 
    js: { 
    files: { 
     'src/assets/js/app.js': 'src/js/index.js' 
    }, 
    options: { 
     debug: true, 
     bundleDelay: 1000, 
     transform: [ ["vueify"], ["babelify"] ] 
    } 
    } 
}, 

Package.json:

{ 
    "name": "testing", 
    "version": "0.1.0", 
    "description": "test", 
    "main": "src/index.js", 
    "license": "ISC", 
    "scripts": { 
    "test": "grunt test" 
    }, 
    "browserify": { 
    "transform": [ 
     "babelify", 
     "vueify" 
    ] 
    }, 
    "browser": { 
    "vue": "vue/dist/vue.common.js" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.0.0", 
    "babel-plugin-transform-runtime": "^6.23.0", 
    "babel-preset-es2015": "^6.0.0", 
    "babelify": "^6.0.0", 
    "browserify": "^14.3.0", 
    "grunt": "^0.4.5", 
    "grunt-browserify": "^5.0.0", 
    "grunt-cli": "^1.2.0", 
    "grunt-contrib-connect": "^1.0.2", 
    "grunt-contrib-copy": "^1.0.0", 
    "grunt-contrib-uglify": "^2.0.0", 
    "grunt-contrib-watch": "^0.6.1", 
    "grunt-sass": "^1.2.1", 
    "partialify": "^3.1.5", 
    "vue": "^2.3.3", 
    "vue-resource": "^1.3.4", 
    "vue-router": "^2.5.3", 
    "vueify": "^9.4.1" 
    } 
} 

Jede Hilfe würde geschätzt.

Answer 1

Wenn Sie import Vue from 'vue'; erhalten Sie die Laufzeit nur erstellen, die Vorlagen nicht kompilieren können, you need the standalone build.