Включая jsx-файл реакции в теге скрипта дает ошибку

Question

У меня есть некоторый код js реакции, который, если я встрою его в свой index.html, отлично работает. Но когда я пытаюсь ссылаться на этот код из внешнего .jsx-файла, он не может получить доступ к этому коду и выдает ошибку. Пожалуйста помоги.

Это, как я ссылки на файл JSX

<script type="text/jsx" src="autocomplete_js/custom_react.jsx"> 

Эти ошибки я получаю:

Ресурс истолкованы как Script, но перенесенные с MIME тип текста/прост: «Файл: /// C: /react/autocomplete_js/custom_react.jsx "

XMLHttpRequest не может загрузить файл: /// C: /react/autocomplete_js/custom_react.jsx. Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource

Answer 1

Обязательно сделайте, чтобы ваши файлы обслуживались веб-сервером (Apache или Ngnix).

Я пробовал оба, когда файлы обслуживаются Apache, он работает как шарм, когда он открыто открывается в Chrome (без проблем с Safari), у меня такая же ошибка.