Sublime Text сообщает об синтаксической ошибке при использовании Babel> Transform в файле JSX - PullRequest
0 голосов
/ 19 февраля 2019

Симптом
Когда я использую инструменты Sublime Text> Babel> Transform для файла .jsx, например, следующего ...

function ActionLink() {
  return (
    <a href="#">
      Click me
    </a>
  );
}

... Iполучить синтаксическую ошибку из-за специального синтаксиса JSX:

Error: SyntaxError/home/ ... /test.jsx: Unexpected token (3:4)

  1 | function ActionLink() {
  2 |   return (
> 3 |     <a href="#">
    |     ^
  4 |       Click me
  5 |     </a>
  6 |   );

Подробности
В Ubuntu 16.04 я настраиваю Sublime Text для работы с файлами React JSX.Я понимаю, что для этого мне нужно установить Babel.Когда я использовал Package Control: Install Package, пакет Babel не отображался как опция, но когда я использую «Предпочтения»> «Просмотр пакетов», я вижу папку Babel, поэтому она, кажется, уже установлена.

ЧерезВ окне терминала я выполнил следующие команды:

$ sudo npm install -g babel
$ npm install --save-dev @babel/preset-react
$ npm install babel-core babel-loader --save-dev
$ npm install --save-dev @babel/plugin-syntax-jsx

Я проверил, что пункт меню View > Syntax > Babel > JavaScript (Babel) проверен на наличие .jsx файлов, и выделение кода происходит, как и ожидалось.

Какие шаги я пропустил?

...