Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Chrome扩展注入Modal_Javascript_Google Chrome Extension - Fatal编程技术网

Javascript 使用Chrome扩展注入Modal

Javascript 使用Chrome扩展注入Modal,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我遵循了本教程:并且已经完成了产品,现在我正在尝试添加到其中 我想使用一个库(例如)向Google页面添加一个样式化的按钮,单击该按钮可以打开一个模式 然而,在上传我的代码后,Google主页目前看起来是这样的(CSS缺失,modal无法打开): 这是我的应用程序: import React,{Component}来自“React” 导入“./App.css” 从“antd”导入{按钮,模式} 类应用程序扩展组件{ 建造师(道具){ 超级(道具) 此.state={ modalVisible

我遵循了本教程:并且已经完成了产品,现在我正在尝试添加到其中

我想使用一个库(例如)向Google页面添加一个样式化的按钮,单击该按钮可以打开一个模式

然而,在上传我的代码后,Google主页目前看起来是这样的(CSS缺失,modal无法打开):

这是我的应用程序:

import React,{Component}来自“React”
导入“./App.css”
从“antd”导入{按钮,模式}
类应用程序扩展组件{
建造师(道具){
超级(道具)
此.state={
modalVisible:false
}
}
扶手(e){
这是我的国家({
modalVisible:false
})
}
handleCancel(e){
这是我的国家({
modalVisible:false
})
}
openModal(e){
这是我的国家({
modalVisible:对
})
}
render(){
返回(
试验

测试模态 一些内容

一些内容

一些内容

) } }
导出默认应用程序
尝试将元素包装到div中,并设置
位置:绝对样式仍然缺失@tradatoriwdtry将元素包装到div中,并设置
位置:绝对样式仍然缺少@IWD