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;
              },
            },
          },
        ],
      },
      // ...
    ],
  },
  // ...
};

相关内容

热门资讯

黑科技ai(wpk ai辅助)... 您好,wpk黑科技软件可信吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】...
黑科技实锤(wpk ai辅助)... 黑科技实锤(wpk ai辅助)wpk到底有没有外挂(WPK)好像有挂(有挂方略)-哔哩哔哩暗藏猫腻,...
黑科技插件(wpk最新黑科技)... 黑科技插件(wpk最新黑科技)wpk辅助机器人(WPk)总是存在有挂(有挂解惑)-哔哩哔哩在进入wp...
黑科技美元局(wpk最新黑科技... 黑科技美元局(wpk最新黑科技)Wpk辅助DPpoker(wPK)果然是有挂(确实有挂)-哔哩哔哩w...
黑科技私人局(wpk ai辅助... 黑科技私人局(wpk ai辅助)wpk俱乐部系统(wpK)其实存在有挂(有挂方略)-哔哩哔哩;1、任...
黑科技了解(wpk ai辅助)... 黑科技了解(wpk ai辅助)wpk德州扑克线上(WPK)总是真的有挂(真是有挂)-哔哩哔哩1、wp...
黑科技真的(wpk ai辅助)... 黑科技真的(wpk ai辅助)德州wpk德州有挂吗(wpK)都是真的有挂(新版有挂)-哔哩哔哩1、德...
黑科技线上(wpk ai辅助)... 黑科技线上(wpk ai辅助)wpk透明挂(WPK)竟然是有挂(有挂助手)-哔哩哔哩1、完成wpk透...
黑科技肯定(wpk最新黑科技)... 黑科技肯定(wpk最新黑科技)wpk智能ai(wPk)其实真的是有挂(有挂方针)-哔哩哔哩1、wpk...
黑科技ai代打(wpk ai辅... 黑科技ai代打(wpk ai辅助)wpk有透视外挂吗(wpK)总是是有挂(有挂技巧)-哔哩哔哩wpk...