javascript - ReactJS 语法错误：意外标记 '<'

Question

我正在学习关于反应组件的 udemy 课程，但遇到了这个 语法错误。

我使用yarn安装了以下依赖项：“dependencies”：{“babel-preset-env”：“1.5.2”，“babel-preset-react”：“6.24.1”}

这是 myJSX 文件：

class Header extends React.Component {
    render() {
        return <p>This is from header</p>;
    }
}

const jsx = (
    <div>
        <h1>Title</h1>
        <Header />
    </div>
);


ReactDOM.render(jsx, document.getElementById('app'));

我正在使用此命令将其转换为主 JS 文件：

babel src/app.js --out-file=public/scripts/app.js --preset=env,react --watch

请让我知道我在这里做错了什么

Answer 1

不是 100% 有帮助，但正如babel 文档中所述，您应该使用presets而不是preset

babel script.js --presets react

所以你的完整 babel 命令：

babel src/app.js --out-file public/scripts/app.js --presets env,react --watch