Vue2.0报错Failed to mount component: template....

Question

vue-cli构建项目，vue版本2.0+
组件player应用在App.vue里面，一直报错

谷歌+百度之后，大概是知道Vue2.0+以后默认不采用template渲染DOM了，需要在webpack.config.js里面修改

 'vue'  : 'vue/dist/vue.min',

疑问如下：
1）既然2.0以上版本不再采用tempalte渲染dom，为什么我们每次在写.vue文件的时候，还是按照

<template></template>
<script></script>
<style></style>  

这样写
2）我那样修改之后（'vue' : 'vue/dist/vue.min',）是不报错的，但是DOM并没有渲染
求问解决方式-----QAQ-------

Answer 1

The reason you're receiving that error is that you're using the runtime build which doesn't support templates in HTML files as seen here vuejs.org

In essence what happens with vue loaded files is that their templates are compile time converted into render functions where as your base function was trying to compile from your html element.

Answer 2

你只用了运行时的vue脚本，需要vue-loader来处理vue文件