В базовом примере 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 ответ
У вас есть эти проблемы:
index.html:
System.import('js/app.jsx!jsx')
должно былоSystem.import('./app')
app.jsx:
import Test from './test.jsx!'
должно былоimport Test from './test'
Отсутствует карта с вашими библиотеками в config.js:
System.config({ map: { "react": "npm:react@0.13.3" } });