2016-10-17 9 views
1

私はVuejs 2(webpack-simple template)を使用しています。レンダリングする前にテンプレートをコンパイルするにはどうすればいいですか?私のコード下:Vuejsの単一ファイルコンポーネントをコンパイルするには?

App.vue

<template> 
    <div id="app"> 
     <h1>{{ msg }}</h1> 
    </div> 
</template> 
<script> 
    export default { 
     name: 'app' 
    } 
</script> 

main.js

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

const res = Vue.compile(App) 
const vm = new Vue({ 
    el: '#app', 
    data: { 
     msg: 'hello' 
    }, 
    render: res.render, 
    staticRenderFns: res.staticRenderFns 
}) 

そして、私は、サーバーを起動するときに、これらは私が持っているエラーです:__WEBPACK_IMPORTED_MODULE_0_vue___default.a.compile is not a function

私もこのプラグインを試しましたvue-template-compiler運がありません。それを働かせるために私を助けてもらえますか?前もって感謝します。

+0

VUEのテンプレートコンパイラを使用する場合に何が起こりましたか? –

+0

@MahmudAdam私はこのエラーがあります: '... MyProject/node_modules/vue-template-compiler/package.json予期しないトークン。このファイルタイプを処理するには、適切なローダーが必要な場合があります。 ... ' –

+0

これを試す:http://stackoverflow.com/questions/33469929/you-may-need-an-appropriate-loader-to-handle-this-file-type-with-webpack-and-b –

答えて

関連する問題