This script should only be loaded in a browser extension.

[Ya-hui]

This question has been bothering me all day

directory structure

// entrypointsindex/injected.content/injected.ts
export default defineUnlistedScript(() => {
  console.log('Hello from injected.ts');
});

// entrypointsindex/injected.content/index.ts
export default defineContentScript({
  matches: ['*://www.baidu.com/*'],
  runAt: 'document_start',
  async main() {
    console.log('Injecting script...');
    await injectScript('/content-scripts/injected.js', {
      keepInDom: true,
    });
    console.log('Done!');
  },
});

// wxt.config.ts

import { defineConfig } from 'wxt';

// See https://wxt.dev/api/config.html
export default defineConfig({
  modules: ['@wxt-dev/module-vue'],
  manifest: {
    web_accessible_resources: [
      {
        resources: ['content-scripts/injected.js'],
        matches: ['*://www.baidu.com/*'],
      },
    ],
    permissions: ['scripting'],
  }
});

open https://www.baidu.com Uncaught Error: This script should only be loaded in a browser extension.

[aiktb]

Put it in entrypoints directory.

[Ya-hui]

why is this?