Бабель показывает неожиданную ошибку, не может найти решение - PullRequest
Новая
       0

Бабель показывает неожиданную ошибку, не может найти решение

0 голосов
/ 26 августа 2018

Я пытаюсь запустить код JSX, но получаю эту ошибку.Я установил npm install -g babel-cli npm install --save babel-preset-env babel-preset-реакции Но я все еще получаю сообщение об ошибке.

Это мой код index.html 

 <html>
    <body>
        <div id="appRoot"></div>
        <script src="https://unpkg.com/react@16.0.0/umd/react.production.min.js"></script>
        <script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js"></script>
        <script src="scripts/app.js" type="text/jsx"></script>
    </body>
</html>

src / app.js -> код JSX 

console.log("App.js is running");

const appRoot = document.querySelector("#appRoot");
const template = <p>This is a JSX code!</p>;

ReactDOM.render(template, appRoot);

команда babel -> команда babel для преобразования JSXES5 

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

ошибка 

subhro@subhro-X550LD:~/React-Project$ babel src/app.js --out-file=public/scripts/app.js --preset=env,react -watch
SyntaxError: src/app.js: Unexpected token (4:17)
  2 | 
  3 | const appRoot = document.querySelector("#appRoot");
> 4 | const template = <p>This is a JSX code!</p>;
    |                  ^
  5 | 
  6 | ReactDOM.render(template, appRoot);

1 Ответ

0 голосов
/ 26 августа 2018

у вас есть опечатка:

предустановка => предустановки

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

...