webpack+vue下template没反应

Question

webpack+vue2.0下template里的数据显示不到页面上
div里的内容是空的?
index.js入口文件

import Vue from 'vue'

import App from './vue/app';

new Vue({
  el: '.show',
  components:{
      App
  }
});

app.vue

<template>
    <div class="message">
        {{msg}}
    </div>    
</template>

<script>
    export default {
      data () {
        return {
          msg: 'Hello from vue-loader'
        }
      }
    }
</script>

index.html

<div class="show">
        <app></app>
    </div>

package.json

    "url-loader": "^0.5.7",
    "vue": "^2.0.1",
    "vue-html-loader": "^1.2.3",
    "vue-loader": "^9.5.1",
    "vue-style-loader": "^1.0.0",

Answer 1

webpack config 写正确没有?

Answer 2

import App from './vue/app';

把文件后缀.vue加上试试。

Answer 3

console 有无报错？

Answer 4

解决了，把vue2.0和vue-loader9.0降到之前的1.0和8.0去了

Answer 5

写错了。Vue2分带模板引擎和不带的。
你应该用render函数，或者在webpack中设置另一个vue版本：

new Vue({
  el: '.show',
  render: h => h(App)
});

Answer 6

可能是vue-loader出错，我在一个新项目中使用了老代码，也出现这样的问题。
npm uninstall vue-loader
npm install vue@x.x.x --save-dev（老版本）