Симптом
Когда я использую инструменты 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
файлов, и выделение кода происходит, как и ожидалось.
Какие шаги я пропустил?