React приложение. Cross origin запрос

207
31 августа 2018, 05:30

Решил попробовать Реакт. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>React</title>
    <script src="js/react.js"></script>
    <script src="js/react-dom.js"></script>
    <script src="js/babel.js"></script>
</head>
<body>
    <div id="root"></div>
    <script src="js/app.js" type="text/babel"></script>
</body>

И собственно скрипт

'use strict';
ReactDOM.render(<h1>Hi</h1>, document.getElementById('root'));

Выдается ошибка 

babel.js:12 Failed to load file:///.../js/app.js: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Что я сделал не так?

p.s. Если я просто напишу код в теге скрипт, вместо подключения файла, то всё заработает

READ ALSO
Почему сортировка по цене не работает?
javascript

Почему сортировка по цене не работает?

В методе sortProductsByPrice (sortOrder) сортировка не работает, когда я удаляю или добавляю продукты в dom при помощи слушателей(buttAddaddEventListener,buttDelete

 255
Работа с функциями. как передать коллекцию в функции? [закрыт]
javascript

Работа с функциями. как передать коллекцию в функции? [закрыт]

Как реализовать данный код? Как сделать такие функции? (данный код менять нельзя)

 218
JS Регулярное выражение - проверка URL
javascript

JS Регулярное выражение - проверка URL

Задача следующая - нужно составить регулярное выражение, которое проверит URL, и если оно имеет формат https://vkcom/[0-9A-z

 210
[Vue warn]: Проблема с рекурсивным компонентом
javascript

[Vue warn]: Проблема с рекурсивным компонентом

[Vue warn]: Unknown custom element: <MyTreeList> - did you register the component correctly? For recursive components, make sure to provide the "name" option

 232