npm安装vue控制台报错template编译无效

在这里插入图片描述
[Vue warn]:You are using the runtime-omly build of Vue where the template compiler is not available.Either pre-compile the templates into render functions,or use the compiler-included build.
你正在使用 runtime-only版本构建Vue版本,这里的template编译是无效的

这个报错是因为Vue在最终构建发布版本的时候,构建了两类版本:

  1. runtime-only =>代码中不可以有任何的template(该版本不包含对template编译的代码)
  2. runtime-compiler =>代码中可以有template(有compiler可以用于编译template)

此时,在webpack.config.js内配置一个resolve即可(与module同级)

  resolve: {
    //别名
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  }

此时,将vue指向vue.esm.js
默认情况下指向vue.runtime.js
在这里插入图片描述

然后重新打包运行即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值