Javascript Vue warn：仅运行时生成的Vue，模板编译器不可用

我正在测试App.vue中的“v-runtime-template”组件，该组件由vue Cli环境制作

还有一些问题

似乎

v-runtime-template

组件无法呈现我的html语法：(

但是，看看这个例子，这个例子完美地呈现了我的html语法

asdf

不同于我的

App.vue

我只重写了

App.vue

并完美地安装了

v-runtime-template

，其他文件与

vue create

工作时的初始语句相同

---

• 所以我想知道

  v-runtime-template

  是否不能在vue cli环境下工作。
• 首先，我也想知道原因是什么。

  ---

多谢各位

App.vue

这是我在

vue cli

中使用

vue create

创建的文件

<template>
  <div id="app">
    <v-runtime-template :template="template"/>
  </div>
</template>

<script>
import VRuntimeTemplate from "v-runtime-template";
import Vue from 'vue';
export default {
  components:{
    VRuntimeTemplate
  },

  data: () => ({
    template: `
      <button @click="func()">asdf</button>
    `
  }),
  name: 'app',
  methods:{
    func(){
      alert('hi');
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

我想要的是

asdf

或任何其他标记使用

v-runtime-template

可以完美地工作

---

请分享你的小贴士！：）

@请正确回答！谢谢：）

babel.config.js

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

Vue.config.productionTip = false

new Vue({
    render: h => h(App),
}).$mount('#app')

module.exports = {
    presets: [
        '@vue/app'
    ],
    configureWebpack: {
        resolve: {
            alias: {
                vue$: "vue/dist/vue.common",
            },
        },
    },
    // vue 
}

---

您好，欢迎使用stack overflow，正如错误所指出的，您不能使用运行时生成来编译单个文件组件。如果这是Vue CLI 3，请尝试运行

Vue ui

，然后编辑项目设置以启用运行时编译器。如果不想查看UI，可以自己在配置中进行设置，请参阅。有关更多背景信息，请参阅

v-runtime-template

：这是正确的提示~！thx:）@CaddyDZ也谢谢！：）