如何在chrome扩展的background.js中导入react

Question

我想使用reactDOM将内容注入页面。所以，我想

import React from 'react';
...
import App from './src/js/App';
const root=createRoot(document.getElementById('title'));
root.render(
<App/>
);

包含在我的background.js中，但我得到了以下内容error:SyntaxError:无法在模块之外使用导入语句

导致错误的导入：

从"React"导入React

我做了一些研究，并尝试添加类型：；模块"；但这并不奏效。

我能做些什么来解决这个问题？

Answer 1

atm面临着非常相似的问题，挖掘SO一段时间。

试着玩

import React from './react.js'; // path and file extension here

或

import * as React from './react.js'; // another import option

此外，请确保您有清单v3以便type: "module"工作。

Answer 2

经过多次研究，

我确实运行了npm弹出

这是工作反应设置

https://github.com/rba1aji/chrome-extension-template-react