Как правильно подключить babel?

при попытке в файле app.js прописать появляется ошибка

console.log(React);
console.log(ReactDOM);

ReactDOM.render(
	<h1>Hello, world!</h1>,
	document.getElementById('root')
);

браузер ругается на символ <. Окей, я скачал библиотеку babel, назвал файл browser.min.js.
содержимое index.html

<!DOCTYPE html>
<html>
	<head>
		<title>React [RU] Tutorial</title>
	</head>
	<body>
		<div id="root">Привет, я #root)</div>
		<script src="js/react/react.js"></script>
		<script src="js/react/react-dom.js"></script>
		<script src="js/react/browser.min.js"></script>
		<script type="text/babel" src="js/app.js"></script>
	</body>
</html>

но при этом получаю

если же пишу: type="text/jsx" src="js/app.js"
то получаю пустую страницу (хотя и без ошибок)

Вопрос задан более трёх лет назад
1649 просмотров

4 комментария

Подписаться 1 Оценить 4 комментария

Сергей delphinpro @delphinpro Куратор тега CSS

На сервере надо открывать, а не просто по html файлу кликнуть.

Написано более трёх лет назад
Владимир Владимирович @leha2148 Автор вопроса

Сергей: ок, у меня установлен Nod.js как мне запустить сервер?

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

Алексей Тюрин: Прикалываешься? Первая ссылка из гугла - https://hackerx.ru/node-js-for-beginners-create-a-...

Написано более трёх лет назад
Владимир Владимирович @leha2148 Автор вопроса
я выполнял инструкции с этого ресурса, ок. Вроде работает https://abraxabra.ru/react.js/bystryy-start/ustano... но вопрос в том как мне запускать html файлы из других папок. В "другой папке присутствует файл server.js с содержимым
var express = require('express'); var app = express(); app.set('port', (process.env.PORT || 3000)); app.use('/', express.static(__dirname)); app.listen(app.get('port'), function() { console.log('Server started: http://localhost:' + app.get('port') + '/'); });
Написано более трёх лет назад