vue 中使用 stylus 报错的解决（ Error： Cannot find module 'when'）

2018.03.29
#

这次本来准备做一个音乐的 web App ,vue文件中准备使用 stylus 样式。以为一切会很顺利，可是遇到报错（心中一万个草泥马）；解决了这个问题之后，瞬间心情大悦，太开心了。

做一次记录，然后续的小伙伴，少采坑。

1、报错展示：

• 报错 Error： Cannot find module ‘when’）
  

2、错误排查

• 1、我开始在网上查找这个报错的解决办法。网上的解决办法，就是安装 stylus 、stylus-loader; 可是我已经安装了这两个依赖包。报错没有解决，有办法肯定要试试，可是我重装 cnpm i stylus stylus-loader –save-dev 之后，还是报错，依然报错。

这是显示我已经安装了的 stylus 和 stylus-loader

- 2、我删掉vue文件中的stylus 文件，就不报错了，说明问题就出现在这里。

• 2、于是我在想， 为啥之前在 vue 中使用 stylus 就没有这个问题呢？我对比之前项目的 package.json 文件，也没有发现啥区别？唯一的区别就是：stylus 和 stylus-loader 的版本不一样，于是我尝试将stylus 和 stylus-loader 的版本换一换，(安装之前的版本)。当我看到没有报错之后，报错终于好了。

总结：这个报错，不要安装最新版本的 stylus 和 stylus-loader，

我安装的新版本：会报错

  "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",

修改为下面这种版本：就不会报错

   "stylus": "0.52.4",
   "stylus-loader": "^2.5.0",

有其他问题，欢迎一起交流和指正。