将 Es6 jsx 解析为 js React 时出错

Question

我正在尝试使用 React。我有下一个代码：

index.js

var Btn = require('./components/Btn.jsx');



    var app = {
        // Application Constructor
        initialize: function() {
            console.log("here with me");
            ReactDOM.render(<Btn>, document.getElementbyId('app'))
        },

        onDeviceReady: function() {
            this.receivedEvent('deviceready');
        },
    };

    app.initialize();

我安装了下一个 node_modules：

通天塔
Babel-plugin-transform-react-jsx
Babel-preset-env
Babel-cli
babel-preset-env
babel-preset-es2017
babel-preset-react

小米.babelrc

{ "presets": ["env"] }

当我运行命令什么并将jsx编译成js时我有下一个

$ babel --presets env js/src --watch --out-dir js/dist    
SyntaxError: js/src/index.js: Unexpected token (10:24)
       8 |     initialize: function() {
       9 |         console.log("here with me");
    > 10 |         ReactDOM.render(<Btn/>, document.getElementbyId('app'))
         |                         ^
      11 |     },
      12 |
      13 |     onDeviceReady: function() {

我真的找到了这个并尝试了很多东西，但我不明白发生了什么，在每个教程中我都看到语法是正确的并且一切正常。我希望这可能是愚蠢的事情，我找不到它。谁能向我解释我能做什么？或者如何。

Answer 1

因为你有 babel-preset-react，请尝试将其添加到你的 .babelrc {"presets": ["react", "es2017"], } 检查此 link 的格式 .babelrc

将 Es6 jsx 解析为 js React 时出错

Error parsing Es6 jsx to js React

jsx

reactjs

react-jsx