我基于https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite项目创建了一个扩展。
在清单中,我将
在后台服务中,我会动态地创建类似于内嵌内容脚本的东西。
在vite.config中,inpage文件作为单独的输入传递。
但是当我运行这个扩展时,出现了一个错误。
Uncaught SyntaxError: 无法在模块外部使用 import 语句。
我该如何解决这个问题呢?
谢谢!
background
类型设置为module
。 background: {
service_worker: "background.js",
type: "module",
},
在后台服务中,我会动态地创建类似于内嵌内容脚本的东西。
await chrome.scripting.registerContentScripts([
{
id: currInpageId,
matches: ["file://*/*", "http://*/*", "https://*/*"],
js: [`inpage-${inpageType}.js`],
runAt: "document_start",
allFrames: true,
world: "MAIN",
},
]);
在vite.config中,inpage文件作为单独的输入传递。
input: {
...inpageTypes.reduce(
(acc, inpageType) => ({
...acc,
[`inpage-${inpageType}`]: resolve(
inpageDir,
`inpage-${inpageType}.ts`
),
}),
{}
),
},
但是当我运行这个扩展时,出现了一个错误。
Uncaught SyntaxError: 无法在模块外部使用 import 语句。
我该如何解决这个问题呢?
谢谢!