用webpack导入vue运行报错原因及解决办法

basecoder_lyu

于 2020-11-02 11:30:44 发布

阅读量886

点赞数 1

文章标签： vue javascript webpack

本文链接：https://blog.csdn.net/weixin_45122709/article/details/109445425

版权

用webpack导入vue运行报错及解决办法

在使用《用webpack导入vue并使用》中的方法引入vue后，运行报错

 [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.(found in )

原因：Vue有两个版本
- runtime-only：代码中不可以有template
- runtime-compiler：代码中可以有template，有compiler可以用于编译template
解决：想要使用template，不能直接在客户端用npm install之后的vue，而是需要在配置文件webpack.config.js中对vue再进行配置
```
resolve:{
    alias:{
      'vue$':'vue/dist/vue.esm.js'
    }
  }
```
其中，dist文件夹中包含多个发布的vue版本，通过alias别名指定要使用的vue路径，vue.esm.js包含compiler