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)外挂透视辅... 黑科技插件(Wpk)外挂透视辅助安装(透视)安装教程(一贯真的是有挂)该软件可以轻松地帮助玩家将Wp...
黑科技软件!(Wpk)透视辅助... 您好,Wpk这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中...
黑科技辅助挂(德州wpk德州)... 黑科技辅助挂(德州wpk德州)外挂透视辅助下载(透视)线上教程(本来是有挂);1、德州wpk德州ai...
黑科技脚本!(微扑克)透视辅助... 《黑科技脚本!(微扑克)透视辅助app,(微扑克wpk)原来存在有挂,必胜教程(有挂软件)》 微扑克...
黑科技智能ai(wepOke)... 黑科技智能ai(wepOke)黑科技透明挂辅助挂(透视)爆料教程(总是是有挂);暗藏猫腻,小编详细说...
黑科技玄学!(wePOKE)软... 自定义wePOKE系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是...
黑科技辅助挂(WEpoke)黑... 黑科技辅助挂(WEpoke)黑科技透明挂辅助插件(透视)曝光教程(切实是真的有挂)1、构建自己的WE...
黑科技规律!(wepOke)软... 黑科技规律!(wepOke)软件透明挂,(wepOke)好像存在有挂,靠谱教程(有挂透明)关于wep...
黑科技规律(线上微扑克)外挂透... 黑科技规律(线上微扑克)外挂透视辅助app(透视)曝光教程(总是是真的有挂)1、下载好线上微扑克辅助...
黑科技ai!(aapOKER)... 《黑科技ai!(aapOKER)透明挂辅助工具,(aa扑克)一向是有挂,微扑克教程(有挂技巧)》 微...