Question

我正在关注反应组件的udemy课程，我遇到了这个问题 Syntax error

我使用yarn安装了以下依赖项： “依赖”：{ “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 docs中所述，您应该使用presets代替preset

babel script.js --presets react

所以你的完整宝贝命令：

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

ReactJS语法错误：意外令牌'＆lt;'

1 个答案: