@crxjs/vite-plugin 内容脚本出现 CSP 错误

Question

我正在使用

@crxjs/vite-plugin

v1.x。一切都完美地配合它，但是当使用

content_scripts

时，尽管配置正确，浏览器仍会抛出 CSP 错误：

拒绝加载脚本“chrome-extension://.../src/content.ts”，因为它违反了以下内容安全策略指令：“script-src 'self' 'wasm-unsafe-eval'”。请注意，“script-src-elem”未明确设置，因此“script-src”用作后备

我在 Chrome 131 和 Edge 131 中也遇到了这个问题。

manifest.config.ts

export default defineManifest(async (env) => ({
  content_scripts: [{
    js: [
      'src/content.ts',
    ],
    matches: [
      'https://stackoverflow.com/*',
    ],
  }],
})

vite.config.ts

import { defineConfig } from 'vite'
import { crx } from '@crxjs/vite-plugin'
import manifest from './manifest.config'

export default defineConfig({
  plugins: [
    crx({ manifest }),
  ],
})

Answer 1

从 Chrome 130+ 开始，该错误发生在 1.x 版本中。此修复仅在 2.x 版本中添加，该版本仍处于测试阶段。使用 v2.0.0-beta.26 或更高版本可以解决 Chrome 130+ 上的问题。

• crxjs/chrome-extension-tools 问题 #918 - GitHub
• 预发布：@crxjs/[电子邮件受保护] - GitHub