基本的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