Недавно решил изучить react.js Решил сперва посмотреть видеокурс, а серьезно заняться после основ. (Может лучше сразу книгу? Какую?). Делал, как в уроке. Но. На офф.сайте взял ссылки для примерно таких файллв: react.js( кажется так), react-dom.js, babel.min.js(примерно так). Вместо вставки ссылок в src="", я перешел по ссылкам и полностью скопировал открывшиеся файлы ради ускорения загрузки страниц. А то каждвй раз перезагружать во время экспериментов. Сделал тестовый Hello World по видеокурсу:
<div id="root">
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>
</div>
Все работало. Я и через src="" запускал и через локальные файлы.
А вот так нет:
<div id="root">
<script type="text/babel">
class Block extends React.Component ({
render () {
return (<h3>WhiteBachelor0</h3>)
}
});
ReactDOM.render(<Block/>,
document.getElementById("root"));
</script>
</div>
А так не работало. Браузер что-то вывел в консоли про блокировку передач данных кроме протоколов https и других по причине какой-то политики. Придирался к файлу babel.min.js:
Access to XMLHttpRequest at 'file:///C:/Users/MSI/Documents/GitHub/iLearnReact/reactLearn/js/script.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Он, babel.js, вообще обязателен? Как это исправить? Почему не работает?
Средний
Средний