vue中解决 Cannot read property ‘stylus‘ of undefined 报错问题

安装stylus和stylus-loader版本如下

//版本如下
"stylus": "^0.54.8",
"stylus-loader": "^3.0.1",

项目启动报错

TypeError: Cannot read property 'stylus' of undefined
    at Object.module.exports (F:\项目目录\node_modules\stylus-loader\index.js:29:37)

查看stylus-loader\index.js:29:37代码

  if (this.stylus) {
    configKey = options.config || 'default';
    stylusOptions = this.stylus[configKey] || {};
  } else {
    configKey = options.config || 'stylus';
    stylusOptions = this.options[configKey] || {};  //出现错误是在这行
  }

源代码执行到 stylusOptions = this.options[configKey] || {};这句时this.options也是undefined,所以报错,

解决方案:在stylus-loader@3.0.2版本中 此处源码如下

  if (this.stylus) {
    configKey = options.config || 'default';
    stylusOptions = this.stylus[configKey] || {};
  } else if (this.options) {
    configKey = options.config || 'stylus';
    stylusOptions = this.options[configKey] || {};
  } else {
    stylusOptions = {};
  }

只需要将stylus-loader的版本更新到3.0.2,就可以解决上述问题

npm uninstall stylus-loader
npm install stylus-loader@3.0.2 --save-dev
  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值