收藏
回答

为什么uni-app运行到开发者工具查看不了css样式? 页面可以正常渲染。运行到h5可以查看。

mac windows都一样 1.06.2409140 Stable

回答关注问题邀请回答
收藏

6 个回答

  • 于鹏
    于鹏
    05-29

    遇到相同的问题,解决思路如下:

    针对子包单独写个简单的样式,发现可以正常在开发者工具中显示css代码;

    把打包中的全量css 整体拷入, 子包的样式文件,发现无法显示代码;

    经过排查,最终是:root 标签导致;

    这类问题差不多就是这个排查方向;

    结论:小程序产物中,有多个:root 标签,根据各自情况看是否能够清掉。

    通过打包阶段把所有依赖中的:root 和项目中的:root 标签都移除,最终解决了这个问题
    
         // 添加CSS处理规则,过滤所有CSS文件中的:root选择器
              chain.module
                .rule("css-root-filter")
                .test(/\.css$/)
                .use("css-root-filter")
                .loader("string-replace-loader")
                .options({
                  search: /:root\s*{[^}]*}/g,
                  replace: "",
                  flags: "g",
                });
    
    
              // 添加SCSS处理规则,过滤所有SCSS文件中的:root选择器
              chain.module
                .rule("scss-root-filter")
                .test(/\.scss$/)
                .use("scss-root-filter")
                .loader("string-replace-loader")
                .options({
                  search: /:root\s*{[^}]*}/g,
                  replace: "",
                  flags: "g",
                });
    



    05-29
    有用 1
    回复
  • 寻路
    寻路
    05-24

    我也回退版本才可以了 但是我的同事的回退后好了一段时间 又不行了


    05-24
    有用
    回复
  • yangwenqian
    yangwenqian
    04-25

    我也看不到了,回退版本吧

    04-25
    有用
    回复
  • 安静
    安静
    04-23

    越更新越难用!

    04-23
    有用
    回复
  • Z
    Z
    04-11

    同问

    04-11
    有用
    回复
  • 边城浪子
    边城浪子
    04-08

    我更新版本以后就不行了 之前是没问题的

    04-08
    有用
    回复
登录 后发表内容