qiankun模式下，子应用的样式不生效

June_06_06

已于 2025-07-29 13:24:41 修改

阅读量118

点赞数 1

CC 4.0 BY-SA版权

分类专栏： qiankun 文章标签： javascript 前端开发语言

于 2025-07-23 15:00:50 首次发布

本文链接：https://blog.csdn.net/qq_39750019/article/details/149571659

qiankun 专栏收录该内容

6 篇文章

订阅专栏

qiankun模式下，子应用的样式不生效：

问题如下：

主应用严格模式下，在主应用跳转到子应用，子应用组件的样式没有生效

解决方式：

在主应用的入口文件动态注入没有生效的样式

例如：

// 动态注入子应用的样式
import subCommonStyle from "@/utils/styleCommon";
document.head.insertAdjacentHTML('beforeend', `<style>${subCommonStyle}</style>`);

styleCommon

const subCommonStyle = `
.log-dialog {
  text-align: center;
  .content {
    color: #606266;
    line-height: 18px;
    .info {
      margin-top: 15px;
      font-weight: 600;
    }
    .el-icon-warning {
      margin-right: 4px;
      font-size: 45px;
      color: #ff8e14;
    }
  }
}
`;

export default subCommonStyle;