AngularUniversal中的style-loader外部包中未定义document。
创始人
2024-10-29 21:30:26
0

在webpack配置文件中,针对client部分添加一个条件,仅在浏览器中使用style-loader。

示例代码:

module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.css$/,
        use: [
          // ...
          {
            loader: 'style-loader',
            options: {
              injectType: 'singletonStyleTag',
              // 针对客户端部分使用
              insert: function insertAtTop(element) {
                var parent = document.querySelector('head');
                // eslint-disable-next-line no-unsafe-finally
                var lastInsertedElement = window._lastElementInsertedByStyleLoader;
                if (!lastInsertedElement) {
                  parent.insertBefore(element, parent.firstChild);
                } else if (lastInsertedElement.nextSibling) {
                  parent.insertBefore(element, lastInsertedElement.nextSibling);
                } else {
                  parent.appendChild(element);
                }
                // 更新最后插入的 element
                window._lastElementInsertedByStyleLoader = element;
              },
            },
          },
        ],
      },
      // ...
    ],
  },
  // ...
};

相关内容

热门资讯

透视软件!智星菠萝可以辅助吗,... 自定义皮皮跑胡子有没有挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不...
专业讨论!德扑输赢概率计算器,... 专业讨论!德扑输赢概率计算器,wpk发牌逻辑,微扑克教程(果然是真的有挂);人气非常高,ai更新快且...
透视脚本!hhpoker透视脚... 透视脚本!hhpoker透视脚本安卓,围棋辅助器乐乐,必赢方法(有挂攻略);支持多人共享记分板与复盘...
玩家必看科普!微扑克wpk有挂... 玩家必看科普!微扑克wpk有挂吗,德扑之星有猫腻,揭秘教程(固有真的是有挂)是一款可以让一直输的玩家...
透视了解!德普之星app安卓版... 透视了解!德普之星app安卓版破解版,心悦填大坑辅助器下载,细节揭秘(有挂技巧);《WPK辅助透视》...
教程辅助!智星德州菠萝有没有挂... 教程辅助!智星德州菠萝有没有挂,德州ai辅助有用,爆料教程(原来是有挂)1、金币登录送、破产送、升级...
透视工具!hhpoker透视脚... 透视工具!hhpoker透视脚本下载,福建天天开心辅助器,透明教程(有挂透视);福建天天开心辅助器软...
记者揭秘!aa扑克有挂吗,we... 一、wepower有外挂简介了解软件请加微:136704302wepower有外挂是一款在线扑克游戏...
透视最新!aapoker可以开... 透视最新!aapoker可以开挂吗,途游四川小程序脚本辅助,软件教程(有挂神器)1、不需要AI权限,...
我来分享!wpk德州胜利跟号有... 我来分享!wpk德州胜利跟号有关么,aapoker辅助工具存在,介绍教程(本来有挂)您好,aapok...