vue 报错 You are using the runtime-only build of Vue where the template compiler is not available.

最新推荐文章于 2023-12-07 00:15:00 发布

C_ZhangSir

最新推荐文章于 2023-12-07 00:15:00 发布

阅读量8.4k

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue-router vue

本文链接：https://blog.youkuaiyun.com/C_ZhangSir/article/details/100989902

问题描述

学习vue-router官方教程，'起步’章节，<router-view>无效果，控制台报warn:

You are using the runtime-only build of Vue where the template compiler is not available.Either pre-compiler the templates into render functions, or use the compiler-included build.

项目大体情况

环境如下：
- webpack版本：4.40.2
- vue-cli版本：3.11.0
使用vue-cli vue create xxx命令创建vue项目，采取默认配置
使用npm install vue-router安装vue-router
主要代码如下：

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

// 0. 导入vue-router
import VueRouter from 'vue-router'
Vue.use(VueRouter)

Vue.config.productionTip = false

// 1. 定义路由组件
const Foo = {template:'<div>Foo</div>'}
const Bar = {template:'<div>Bar