добавление внешнего jsx-файла на страницу html (реакция)

У меня есть некоторый код реакции в js / script.js Главный тег моей HTML-страницы выглядит примерно так:

  <head>
  <script src="https://unpkg.com/react@15.6.2/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15.6.2/dist/react-dom.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
    <script src="js/script.js"type="text/jsx"></script>
    </head>

По какой-то причине мои элементы реагирования не отображаются, когда я открываю страницу на хроме, в то время как они работают в Firefox. Я не хочу ограничивать страницу Firefox и не хочу использовать встроенный скрипт. Любые решения?

javascript,html,reactjs,google-chrome,

1

Ответов: 2


1 принят

Если вы запускаете страницу непосредственно из Chrome (без http), ваша страница пытается запустить javascript, и Chrome блокирует ее ошибкой, которая выглядит примерно так: «Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resourcea € ??

Вы должны установить веб-сервер и открыть свою страницу по запросу http. command string: npm install http-server -g, а затем запустите его: http-sever 'path / with / yourpage.html' ваша страница должна быть доступна по URL-адресу: localhost: 8080 / yourpage.html


0
Maybe you should add all the scripts before the closing tag body?

<body>
<script src="https://unpkg.com/react@15.6.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.6.2/dist/react-dom.js">
</script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js">
</script>
<script src="js/script.js"type="text/jsx"></script>
</body>
JavaScript, HTML, reactjs, Google-хром,
Похожие вопросы