上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

Conflicting order. Following module has been added

[复制链接]
  • TA的每日心情
    擦汗
    昨天 09:20
  • 签到天数: 192 天

    [LV.7]常住居民III

    687

    主题

    5428

    回帖

    6365

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6365

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2021-7-30 11:54:55 | 显示全部楼层 | 阅读模式

    先说结论

    直接无视即可

    原理

    在编译的过程中,会由于CSS冲突而导致发成此错误

    如A.vue有div{color:red} B.vue有div{color:blue}

    在不同的文件同时引入了这两个文件,并且顺序不同就会导致冲突

    按字母排序是完全无效的

    // a.entry.js 
    import  './a.css' 
    import  './b.css'
    // b.entry.js 
    import  './b.css' 
    import  './c.js'
    // c.js
    导入 './a.css'

    在这里,所有的进口都按字母顺序排序,但a.entry.jsb.entry.js具有不同顺序的CSS文件

    原理

    这点是由于webpack的打包过程中,不考虑vue的局部作用域,而根据vue的块css想形成自己的打包css,而产生这种冲突,实际由于vue的css后缀,个人认为是完全没有问题的

    参考资料

    https://stackoverflow.com/questions/51971857/mini-css-extract-plugin-warning-in-chunk-chunkname-mini-css-extract-plugin-con/67579319#67579319

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    开心
    2022-8-30 08:13
  • 签到天数: 50 天

    [LV.5]常住居民I

    32

    主题

    127

    回帖

    181

    积分

    中级工程师

    积分
    181
    发表于 2022-6-1 19:59:32 | 显示全部楼层
    考古沙发
    [color=red]哥哥们NB!!![/color] [color=darkolivegreen(#556B2F)]记录美好生活[/color]
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表