uni-app 差量编译出现stylus-loader错误

uni-app 差量编译出现stylus-loader错误

操作步骤：

  • 本地运行，修改内容保存，差量编译

预期结果：

  • 正常展示

实际结果：

  • 错误中断

bug描述：

正常运行编译没有问题，但是修改代码后热重载，差量编译就会出现错误，错误提示行没有任何样式文件，package.json文件版本是stylus:0.54.8,stylus-loader:3.0.2

相关图片

Image 1 Image 2 Image 3


更多关于uni-app 差量编译出现stylus-loader错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

爆栈了，检查一下你的代码写的有没有问题

更多关于uni-app 差量编译出现stylus-loader错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我尝试用了一下插件zebra，然后就这样了，插件删除了也这样，之前没这个问题。有办法定位问题代码吗，错误提示的位置的代码是没问题的

回复 2***@qq.com: 排除法先看看是什么导致的

回复 DCloud_UNI_JBB: 好的

回复 DCloud_UNI_JBB: 大佬，找到问题代码贴在下面了，能麻烦看下写法有什么问题吗

<swiper-item style="display: flex;justify-content: space-between;" v-for="(items, indexs) in index_navigation" :key="indexs"> <view v-for="(item, index) in items" :key="index" class="sku-for-item"> <view @click="clickNavigation(item)" class="t_item" style="width: 120rpx;"> <view> <image :src="item.img" mode=""></image> </view> <view class="t_text">{{item.title}}</view> <view v-if="item.mini_open" class="navigation-icon"><image :src="item.mini_icon"></image></view> </view> </view> </swiper-item> </swiper> ``` 应该是这部分代码导致的，请问这里的写法有什么问题吗，循环数据也不大2*5

看起来没哈问题

这是一个典型的 stylus-loader 版本兼容性问题。从错误信息看，差量编译时 stylus-loader 在处理 stylus 文件时出现解析错误，但初始编译正常。

问题核心在于 stylus-loader 3.0.2 与当前 uni-app 构建环境存在兼容性冲突。这个版本的 loader 在热重载时的模块解析机制可能存在问题。

建议解决方案：

  1. 降级 stylus-loader 到 2.7.1 版本：
npm install stylus-loader@2.7.1 --save-dev
  1. 清理缓存并重启：
rm -rf node_modules/.cache
npm run dev
回到顶部