SyntaxError: неожиданный ключ "экспорт" ([собственный код]: 33)

Question

Ошибка браузера не очень информативна, и я безуспешно пытался найти решение.

Я получаю сообщение об ошибке только каждый раз, когда добавляю эту строку в начало списка ToDo моего компонента: import Checkbox from '@material-ui/core/Checkbox';

Обратите внимание, что я использую scrimba, поэтому я не могу вносить изменения в файл manifest. json. Также я пытался добавить babel, но не уверен, что с ним делать. это после того, как я его добавил. Вот файл компонента ToDo. js:

import React from 'react'

function ToDo(){
    return(
        <div>
            <input type="checkbox" />
            <span> Placeholder text here</span>            
        </div>
    )
}
export default ToDo 

Помогите, пожалуйста, я просто хотел добавить флажок под более интересный, а теперь я застрял в кроличьей норе

Answer 1

Хорошо, я понял ответ!

Это было не очень интуитивно, и я не упоминал об этом в документации API кнопок , но мне просто нужно было обновить версию моего приложения React.

После Я обнаружил, что, хотя некоторые функции работают, но для работы ВСЕХ функций MaterialUI требуется версия React 16.8 , а моя версия React была ниже этой.

Итак, мне просто нужно было обновить версию React в моем приложении.