Material-UI IE11 синтаксическая ошибка - PullRequest
Новая
       18

Material-UI IE11 синтаксическая ошибка

0 голосов
/ 31 мая 2018

У меня синтаксическая ошибка в IE11 с использованием @ material-ui / core в следующей строке bundle.js: 

const withStyles = (stylesOrCreator, options = {}) => Component => { const {
withTheme = false,
flip = null,
name } = options

Функции стрелок работали до установки @ material-ui Это мое.babelrc: 

{"presets": ["react", "env", "stage-2"],
 "plugins": ["transform-async-to-generator", 
"transform-es2015-arrow-functions" ,"transform-object-rest-spread", "transform-async-functions", ["transform-runtime", {
"polyfill": true,
"regenerator": true
 }]]
}

реакция v16.3.2

Ответы [ 2 ]

0 голосов
/ 14 января 2019

Я также столкнулся с этой проблемой во время тестирования на IE11.Я не хотел использовать Babel в коде Material UI, поскольку они обрабатывают его внутренне.Согласно https://material -ui.com / Getting-Start / Supported-Platforms :

Material-UI поддерживает последние стабильные выпуски всех основных браузеров и платформ.Мы также поддерживаем Internet Explorer 11. Вам не нужно предоставлять какое-либо многозаполнение JavaScript, поскольку мы управляем внутренними и изолированными неподдерживаемыми функциями браузера.

Позже я обнаружил, что у нас были некоторые некорректные операции импорта, и исправил их:

import Typography from '@material-ui/core/es/Typography/Typography' // incorrect
import Typography from '@material-ui/core/Typography' // correct

Непосредственный импорт модуля es нарушил обработку внутренней совместимости MUI.

0 голосов
/ 31 мая 2018

Похоже, вы используете Разрушающее назначение , попробуйте использовать плагин ES2015 преобразование деструктурирования , чтобы помочь решить эту проблему: 

{
 "presets": ["react", "env", "stage-2"],
 "plugins": [
   "transform-async-to-generator", 
   "transform-es2015-arrow-functions",
   "transform-object-rest-spread",
   "transform-async-functions",
   "transform-es2015-destructuring" // added
   [
     "transform-runtime", 
     {
       "polyfill": true,
       "regenerator": true
     }
   ]
 ]
}

Надеюсь, это поможет!

...