基本的JSPM React样本在加载react-tools / vendor / fbtransform / visitors时失败错误

Question

试图在plnkr.co上获得一个非常基本的react / jspm示例，但是它出现了多个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文件，该代码段在这里永远无法使用），仅适用于不想访问plnkr.co的SO读者。

 // 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>

Answer 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" } });

这是固定的塞子

基本的JSPM React样本在加载react-tools / vendor / fbtransform / visitors时失败错误

问题描述

-> 问题plnkr.co示例在这里 <-

1 个解决方案

解决方案1
0 2016-03-07 02:47:47

基本的JSPM React样本在加载react-tools / vendor / fbtransform / visitors时失败错误

问题描述

-> 问题plnkr.co示例在这里 <-

1 个解决方案

解决方案1 0 2016-03-07 02:47:47

解决方案1
0 2016-03-07 02:47:47