how to config externalGlobals when use @floating-ui/dom

[chanchancl]

一直会显示这个错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'detectOverflow')
    at userscript.html?name=test-t.user.js&id=439acd44-2da3-4466-9e28-27ea2adeb8ea:2:7934
    at userscript.html?name=test-t.user.js&id=439acd44-2da3-4466-9e28-27ea2adeb8ea:2:189
    at Proxy.<anonymous> (userscript.html?name=test-t.user.js&id=439acd44-2da3-4466-9e28-27ea2adeb8ea:2:280)
    at Pt (<anonymous>:10:89)
    at userscript.html?name=test-t.user.js&id=439acd44-2da3-4466-9e28-27ea2adeb8ea:1:87
    at window.__f__mbnz7xe6.xe (userscript.html?name=test-t.user.js&id=439acd44-2da3-4466-9e28-27ea2adeb8ea:1:322)
    at Pt (<anonymous>:10:89)
    at r.setMessageListener.r (<anonymous>:86:186)
    at <anonymous>:89:176
    at _ (<anonymous>:22:406)

vite.config.ts

import { defineConfig } from 'vite';
import monkey, {cdn} from 'vite-plugin-monkey';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    monkey({
      entry: 'src/main.ts',
      userscript: {
        icon: 'https://vitejs.dev/logo.svg',
        namespace: 'npm/vite-plugin-monkey',
        match: ['https://github.com/'],
      },
      build: {
        externalGlobals: {
          '@floating-ui/dom': cdn.jsdelivr('FloatingUIDOM', 'dist/floating-ui.dom.umd.min.js'),
        },
      }
    }),
  ],
});

下面是一个空的工程
test-t.zip

[lisonge]

import { defineConfig } from 'vite';
import monkey, { cdn } from 'vite-plugin-monkey';
import floatingPkg from '@floating-ui/dom/package.json';

export default defineConfig(({ command }) => {
  return {
    plugins: [
      monkey({
        entry: 'src/main.ts',
        userscript: {
          icon: 'https://vitejs.dev/logo.svg',
          namespace: 'npm/vite-plugin-monkey',
          match: ['https://github.com/'],
          require: [
            command === 'build'
              ? `https://cdn.jsdelivr.net/npm/@floating-ui/core@${floatingPkg}/dist/floating-ui.core.umd.min.js`
              : '',
          ].filter(Boolean),
        },
        build: {
          externalGlobals: {
            '@floating-ui/dom': cdn.jsdelivr(
              'FloatingUIDOM',
              'dist/floating-ui.dom.umd.min.js',
            ),
          },
        },
      }),
    ],
  };
});

or

 externalGlobals: {
          '@floating-ui/dom': [
            'FloatingUIDOM',
            (version) =>
              `https://cdn.jsdelivr.net/npm/@floating-ui/core@${version}/dist/floating-ui.core.umd.min.js`,
            cdn.jsdelivr('', 'dist/floating-ui.dom.umd.min.js')[1],
          ],
        },

[chanchancl]

感谢，我下午也感觉是这个 core 的问题，但是通过 externalGlobals 来导入 core 也不行，鼓捣半天，不如来问大佬

下面是可以通过编译的配置：

import { defineConfig } from 'vite';
import monkey, { cdn } from 'vite-plugin-monkey';
import floatingPkg from '@floating-ui/dom/package.json' assert { type: 'json' };

export default defineConfig(({ command }) => {
  return {
    plugins: [
      monkey({
        entry: 'src/main.ts',
        userscript: {
          icon: 'https://vitejs.dev/logo.svg',
          namespace: 'npm/vite-plugin-monkey',
          match: ['https://github.com/'],
          require: [
            command === 'build'
              ? `https://cdn.jsdelivr.net/npm/@floating-ui/core@${floatingPkg.version}/dist/floating-ui.core.umd.min.js`
              : '',
          ].filter(Boolean),
        },
        build: {
          externalGlobals: {
            '@floating-ui/dom': cdn.jsdelivr(
              'FloatingUIDOM',
              'dist/floating-ui.dom.umd.min.js',
            ),
          },
        },
      }),
    ],
  };
});

[chanchancl]

原来 gkd 也是大佬开发的，太强了，用了有一段时间了，不过遇到点小问题，B站的跳过开屏广告在 小米15Pro上有大概率会卡住，有空去那边提个issue，不知道是规则问题还是什么问题

[lisonge]

但是通过 externalGlobals 来导入 core 也不行

        externalGlobals: {
          '@floating-ui/dom': [
            'FloatingUIDOM',
            (version) =>
              `https://cdn.jsdelivr.net/npm/@floating-ui/core@${version}/dist/floating-ui.core.umd.min.js`,
            cdn.jsdelivr('', 'dist/floating-ui.dom.umd.min.js')[1],
          ],
        },

[lisonge]

B站的跳过开屏广告在 小米15Pro上有大概率会卡住

如果你说的是，出现点击 gkd 触发提示后，b站界面不变化卡住

这个我遇到过，这个是b站的问题，也可以说是 gkd 规则触发太快了

[chanchancl]

B站的跳过开屏广告在 小米15Pro上有大概率会卡住

如果你说的是，出现点击 gkd 触发提示后，b站界面不变化卡住

这个我遇到过，这个是b站的问题，也可以说是 gkd 规则触发太快了

我也感觉是规则触发太快了，去设置里找了找有没有 delay 的选项，发现没办法，只能多重启几次

[lisonge]

https://gkd.li/api/interfaces/RawCommonProps#actiondelay

这种情况很少见，我都是重开 b 站解决的