javascript - SyntaxError: Unexpected key 'export' ([native code]: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 

请帮忙，我只是想添加一个更漂亮的复选框，现在我被困在了兔子洞里

标签： javascriptreactjsmaterial-ui

Answer 1

好吧，我想出了答案！

它不是很直观，也没有在Button API 文档中真正提到它，但我只需要更新我的 React 应用程序版本。

经过大量挖掘后，我发现，即使某些功能有效，但要使 MaterialUI 的所有功能有效，所需的 React 版本是 16.8，而我的 React 版本低于该版本。

所以我只需要在我的应用程序上更新 React 的版本。