Reactjs 材料界面和反应IE11兼容性
我正在尝试在React应用程序中实现MaterialUI。不幸的是,我们仍然必须支持IE,但我尝试添加的任何实质性ui都会使应用程序无法显示,并且控制台中会出现大量未定义的错误。例如,我试图直接从material ui的站点添加选项卡组件代码(使用v4.8.3):Reactjs 材料界面和反应IE11兼容性,reactjs,internet-explorer,material-ui,Reactjs,Internet Explorer,Material Ui,我正在尝试在React应用程序中实现MaterialUI。不幸的是,我们仍然必须支持IE,但我尝试添加的任何实质性ui都会使应用程序无法显示,并且控制台中会出现大量未定义的错误。例如,我试图直接从material ui的站点添加选项卡组件代码(使用v4.8.3): 从“React”导入React; 从“道具类型”导入道具类型; 从'@material ui/core/styles'导入{makeStyles}; 从“@material ui/core/AppBar”导入AppBar; 从“@ma
从“React”导入React;
从“道具类型”导入道具类型;
从'@material ui/core/styles'导入{makeStyles};
从“@material ui/core/AppBar”导入AppBar;
从“@material ui/core/Tabs”导入选项卡;
从“@material ui/core/Tab”导入选项卡;
从“@material ui/core/Typography”导入排版;
从“@material ui/core/Box”导入框;
功能选项卡面板(道具){
const{children,value,index,…other}=props;
返回(
{value==索引&&{children}
);
}
TabPanel.propTypes={
子项:PropTypes.node,
索引:PropTypes.any.isRequired,
值:PropTypes.any.isRequired,
};
功能a11yProps(索引){
返回{
id:`nav tab-${index}`,
“aria控件”:“导航选项卡面板-${index}”,
};
}
功能链接选项卡(道具){
返回(
{
event.preventDefault();
}}
{…道具}
/>
);
}
const useStyles=makeStyles(主题=>({
根目录:{
flexGrow:1,
背景色:theme.palete.background.paper,
},
}));
导出默认函数头(){
const classes=useStyles();
const[value,setValue]=React.useState(0);
常量handleChange=(事件,newValue)=>{
设置值(新值);
};
返回(
这里有我遗漏的东西吗?我需要添加任何polyfill吗?Chrome显示很好,没有错误。非常感谢您提供的任何帮助。从用户界面的材料来看,它还支持Internet Explorer 11。您不需要提供任何JavaScript polyfill,因为它在内部和独立地管理不受支持的浏览器功能
我用Tab组件和你提供的代码做了一个演示,它在IE 11中出现。可能错误发生在其他代码中,你可以再次检查错误指向的位置。此外,你有正确的package.json吗?我使用package.json如下:
{
"title": "Material demo",
"devDependencies": {
"react-scripts": "latest"
},
"description": "https://github.com/mui-org/material-ui/blob/master/docs/src/pages/components/tabs/SimpleTabs.js",
"dependencies": {
"@material-ui/core": "latest",
"@types/react": "^16.8.6",
"prop-types": "latest",
"react": "latest",
"react-dom": "latest"
}
}
您可以参考我的。如果问题仍然存在,您可以使用StackBiltz之类的在线代码编辑器提供。我认为这将帮助我们更好地了解问题,并了解如何提供帮助。从材料界面上看,它还支持Internet Explorer 11。您不需要提供任何JavaScript polyfill,因为它管理您的nsupported浏览器的内部功能和独立功能
我用Tab组件和你提供的代码做了一个演示,它在IE 11中出现。可能错误发生在其他代码中,你可以再次检查错误指向的位置。此外,你有正确的package.json吗?我使用package.json如下:
{
"title": "Material demo",
"devDependencies": {
"react-scripts": "latest"
},
"description": "https://github.com/mui-org/material-ui/blob/master/docs/src/pages/components/tabs/SimpleTabs.js",
"dependencies": {
"@material-ui/core": "latest",
"@types/react": "^16.8.6",
"prop-types": "latest",
"react": "latest",
"react-dom": "latest"
}
}
您可以参考我的。如果问题仍然存在,您可以使用StackBiltz之类的在线代码编辑器提供。我认为这将帮助我们更好地了解问题,并了解如何提供帮助。您显示的错误与您包含的代码不匹配(例如,错误表示您没有提供代码的头组件)。请显示使用最简单的代码复制错误时所得到的准确错误(最好没有任何路由器或redux复杂性)使用问题中包含的代码。我在IE 11中使用Material UI,没有任何问题,我认为Material UI当前不需要IE 11的任何多边形填充。您显示的错误与您包含的代码不匹配(例如,错误表示您未提供代码的标题
组件)。请显示您在使用问题中包含的代码使用最简单的代码复制错误(最好没有任何路由器或重复复制的复杂性)时得到的确切错误。我使用IE 11的Material UI没有任何问题,并且我认为Material UI当前不需要IE 11的任何多边形填充。