Reactjs 材料界面和反应IE11兼容性

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应用程序中实现MaterialUI。不幸的是,我们仍然必须支持IE,但我尝试添加的任何实质性ui都会使应用程序无法显示,并且控制台中会出现大量未定义的错误。例如,我试图直接从material ui的站点添加选项卡组件代码(使用v4.8.3):

从“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的任何多边形填充。