nuxt踩坑之stylus和stylus-loader版本不兼容

上一篇，我们把nuxt配置好了，npm run dev运行时发现，好家伙，报错了，报错不要慌，肯定都是能解决的。 定睛一看，发现问题不大，缺少@nuxtjs/router这个模块而已，直接npm i @nuxtjs/router安装这个模块。 信心满满的再次npm run dev，以为可以运行了，结果又报错了，有没有一种屋漏偏逢连夜雨的感觉... 经过排查之后，发现是因为没有安装stylus，安装命令是npm install stylus stylus-loader --save-dev 到这里之后，发现了一个巨坑，运行后又报错了 Module build failed (from ./node_modules/stylus-loader/dist/cjs.js): friendly-errors 15:40:09 TypeError: this.getOptions is not a function at Object.stylusLoader (D:\test\node_modules\stylus-loader\dist\index.js:19:24)

查看了一下package.json文件，很明确stylus装好了，而且index.styl的路径也没有错，究竟是什么原因导致报错呢？

"devDependencies": {
    "stylus": "^0.54.8",
    "stylus-loader": "^6.0.0"
}

查资料后得知，原来这里还有个stylus和stylus-loader版本不兼容的问题，把stylus-loader的版本号手动改成3.0.2，然后npm i，再次运行发现就无报错了。 "devDependencies": { "stylus": "^0.54.8", "stylus-loader": "^3.0.2" }