В базовом примере JSPM React произошла ошибка при загрузке реакции-tools/vendor/fbtransform/ посетители

Попытка получить очень простой пример реакции /jspm, работающий над plnkr.co, но он выдает ошибку с числом 404. Наиболее заметно следующее:

Uncaught (in promise) Error: XHR error (404 Not Found) loading https://npm.jspm.io/react-tools@0.13.3/vendor/fbtransform/visitors
    Error loading https://npm.jspm.io/react-tools@0.13.3/vendor/fbtransform/visitors as "./vendor/fbtransform/visitors" from https://npm.jspm.io/react-tools@0.13.3/main.js
    Error loading https://registry.jspm.io/js/app.jsx.js!https://registry.jspm.io/jsx.js
    at r (https://jspm.io/system@0.18.17.js:5:11565)
    at XMLHttpRequest.o.onreadystatechange (https://jspm.io/system@0.18.17.js:5:12090)

Любые мысли о том, как пройти через них и получить образец для визуализации?

-> пример проблемы plnkr.co здесь <-

Код также был скопирован в следующем фрагменте кода (который, очевидно, никогда не будет работать здесь, так как требуются разные файлы JSX) только для читателей SO, которые не хотят переходить на plnkr.co.

// app.jsx
import React from 'react'
import Test from './test.jsx!'

React.render(
  <Test />
, document.getElementById('main')
);

//------------------------------
// test.jsx
import React from 'react'

export default React.createClass({
    displayName: 'Test'
  , render: function () {
      return (
        <div>Awesome Test!</div>
      )
    }
})

//------------------------------
//config.js
System.config({
});
<!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div id="main"></div>
    <script src="https://jspm.io/system@0.18.17.js"></script> 
    <script type="text/javascript" src="config.js"></script>
    <script type="text/javascript">
      System.import('js/app.jsx!jsx')
    </script>
  </body>
</html>

Источник

1 ответ

У вас есть эти проблемы:

  1. index.html: System.import('js/app.jsx!jsx') должно было System.import('./app')

  2. app.jsx: import Test from './test.jsx!' должно было import Test from './test'

  3. Отсутствует карта с вашими библиотеками в config.js:

    System.config({
  map: {
    "react": "npm:react@0.13.3"
  }
});

Вот фиксированный плункер

Источник
Другие вопросы по тегам