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

最新推荐文章于 2022-12-13 09:47:14 发布

原创最新推荐文章于 2022-12-13 09:47:14 发布 · 509 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#@vue/cli3中的问题

vue 专栏收录该内容

19 篇文章

订阅专栏

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

使用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'),
      }
    }
  },
}