반응 라우터에서이 RequireJS shim이 작동하지 않는 이유

Question

요구를 통해 반응 및 반응 라우터를 내 앱에로드하려고합니다. shim setup을 따라야 만하지만, react-router가 적절한 React 객체를 얻지 못하는 오류가 발생합니다.

paths: { 
    domReady:  '../lib/requirejs-domready/domReady', 
    react:   '../lib/react/react', 
    'react-router': '../lib/react-router/dist/react-router' 
    }, 
    shim: { 
    'react':  { 
     exports: 'React' 
    }, 
    'react-router': { 
     deps: ['react'], 
     exports: 'ReactRouter' 
    } 
    } 

    require(['domReady!', 'react', 'react-router'], ... 


Uncaught TypeError: Cannot read property 'createClass' of undefined react-router.js:372 
../utils/withoutProperties react-router.js:1 
s react-router.js:1 
(anonymous function) react-router.js:62 
./Route react-router.js:1 
s react-router.js:1 
(anonymous function) react-router.js:886 
./actions/LocationActions react-router.js:1 
s react-router.js:1 
e react-router.js:1 
(anonymous function) require.js:1658 
context.execCb require.js:874 
Module.check require.js:1151 
Module.enable require.js:782 
Module.init require.js:1178 
callGetModule require.js:1552 
context.completeLoad require.js:1679 
context.onScriptLoad 

모든 것이 Bower를 통해 설치됩니다. 반응은 0.11.1, 라우터는 0.7.0

Answer 1

반응 라우터는 window.React 또는 global.React가 설정된 경우에만 작동하는 소스에 나타납니다. React 자체는 RequireJS 환경에서 전역 개체를 노출하지 않습니다. 그래서 나는 심을 썼다.

paths: { 
    domReady:  '../lib/requirejs-domready/domReady', 
    react:   '../lib/react/react', 
    'react-router': '../lib/react-router/dist/react-router', 
    'react-router-shim': 'react-router-shim' 
}, 
shim: { 
    'react-router-shim': { 
    exports: 'React' 
    }, 
    'react-router': { 
    deps: ['react-router-shim'], 
    exports: 'ReactRouter' 
    } 
} 

반응-라우터 심 :

define(['react'], function(React) { 
    "use strict"; 

    window.React = React; 
}); 

그때 반응 사용 대응 라우터를 적절한 종속성으로 할 수있다.