Google chrome extension 如何阻止用户从chrome extension/react输入的url

我想要阻止用户url。 my backgound.js->从“模块名称”导入活动；（模块名称=活动win） 但extensinoerror->Uncaught SyntaxError:无法在模块外部使用import语句

我想在background.js中使用main.tsx中的列表

如何阻止列表中的url

如何在background.js中导入模块

background.js

import {ActiveWin} from 'active-win';
console.log("sibal");


chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
      console.log(details.url.match(/a=(.*?)&/i)[1]);
              // return ~~ ;
  },
  {
      urls: [
          "*://facebook.com/*",
          "*://youtube.com/*",
          "*://naver.com/*"
      ]
  }
);

manifest.json

“权限”：[
“背景”，
“webRequestBlocking”，
“网络请求”，
“活动标签”，
“标签”，
“http://*/*”，
“https://*/*”
],
“背景”：{
“脚本”：[“background.js”]，
“持久”：正确
},

main.tsx

（react）

constuserurl=（）=>{
const currentWeb=window.location；
const[list，setList]=useState（[]）；
const[userUrl，setUrl]=useState（“”）；
const onChange=（e:React.ChangeEvent）=>{
setUrl（即target.value）；
};
const onInsert=（e:React.MouseEvent）=>{
const nextList=list.concat（userUrl）；
集合列表（nextList）；
setUrl（“”）；
console.log（新日期（））；
};
//常量moveFunction=（）=>{
//for（设i=0；i(
url:{value}
))}

);
};
导出默认用户URL