遇到 bug:“ TypeError:this.getOptions is not a function ”

在Vue项目开发中,使用模板字符串遇到变量处理错误,启动项目时报“TypeError:this.getOptions is not a function”。问题源于html-loader高版本不兼容getOptions方法。解决方法是降低html-loader版本,例如降至0.5.5,通过npm install html-loader@0.5.5 --save-dev安装,即可解决问题。
摘要由CSDN通过智能技术生成

项目场景:

在进行Vue项目开发的时候,在模板文件index.html中用到了模板字符串,在模板字符串中出现了变量;

PS:上述scale为变量


问题描述:

 在启动项目(npm run serve)时候报错,上述scale变量不能被处理;

注意点:如果在HTML文件中用到了字符串模板,字符串模板中用到了变量,那么html-plugin是无法处理的,所以会报错,如果想解决这个问题,那么我们需要再借助一个loader:html-loader;

 当小编在项目中下载并使用html-loader 的时候出现下面错误:

 


解决方案:

 出现这个问题的原因实际上是:html-loader 的版本过高,不兼容 getOptions 方法,所以需要对 html-loader 进行降级处理;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值