Question

我尝试与反应合作。我有下一个代码：

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 instaled：

巴别
巴别-插件变换反应的-JSX
巴别预置-ENV
巴别-CLI
巴别预置-ENV
巴别预置-es2017
巴别预置反应的

Mi .babelrc

{ "presets": ["env"] }

当我为whath运行命令并将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() {

我真的找到了这个并尝试了很多东西，但我不能理解发生的事情，在每个教程中我都看到sintax是正确的并且一切正常。我希望这可能是愚蠢的事情，我无法找到它。任何人都可以向我解释我该怎么办？或者如何。

Answer 1

由于您有babel-preset-react，请尝试将此添加到.babelrc {"presets": ["react", "es2017"], }，请检查此链接是否为格式.babelrc

将Es6 jsx解析为js React时出错

1 个答案: