[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available

qianduan1020

于 2019-10-21 10:00:24 发布

阅读量486

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： @vue/cli3中的问题

本文链接：https://blog.youkuaiyun.com/qianduan1020/article/details/102657939

vue 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了解决Vue-cli3项目初始化运行时出现的模板编译警告问题的方法。通过在根目录创建vue.config.js文件，并配置Webpack解析别名，将vue.runtime.esm.js替换为vue.esm.js，从而避免了模板编译不可用的警告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用vue-cli3初始化运行项目的时候会出现这样的问题：
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
解释：脚手架3引入vue的时候是vue.runtime.esm.js文件，但真正用到的是vue.esm.js，所以需要在webpack中配置
一般在根目录下新建文件vue.config.js，里面添加如下代码，就可以解决这个问题：

const path = require('path')
function resolve (dir) {
  return path.join(__dirname, '..', dir)
}
module.exports={
  configureWebpack: {
    resolve: {
      extensions: ['.js', '.vue', '.json'],
      alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
      }
    }
  },
}