2017-03-14 69 views
0

我試圖用CommonJS的+打字稿和反應,但我被困在下面的問題,在最初的代碼加載:我可以使用CommonJS + TypeScript和React而不使用捆綁包嗎?

的Index.html

<script type="text/javascript"> 
      function loadScript(url) 
      {  
       var head = document.getElementsByTagName('head')[0]; 
       var script = document.createElement('script'); 
       script.type = 'text/javascript'; 
       script.src = url; 
       head.appendChild(script); 
      } 


      loadScript('./Scripts/react.js'); 

      loadScript('./Scripts/react-dom.js'); 

      loadScript('./Scripts/require.js'); 

      loadScript('./Scripts/index.js'); 

    </script> 

加載文件:索引。 TS

 var rootElement; 

     function _onLoad() { 
      rootElement = rootElement || document.getElementById('root'); 
      ReactDOM.render(React.createElement(DataSample, null), rootElement); 
     } 
     function _onUnload() { 
      if (rootElement) { 
       ReactDOM.unmountComponentAtNode(rootElement); 
      } 
     } 
     var isReady = document.readyState === 'interactive' || document.readyState === 'complete'; 
     if (isReady) { 
      _onLoad(); 
     } 
     else { 
      window.onload = _onLoad; 
     } 
     window.onunload = _onUnload; 

錯誤: *未捕獲的ReferenceError:需要完全沒有index.tsx定義 :1個 進口*從「反應」反應; *

我有安裝了的WebPack,我可以創建束,但說實話我不想要這樣做,因爲這是爲了我的發展,沒有理由爲我的發展做到這一點。

我知道我可以使用AMD,但是,男孩!在開發環境讓我遇到這麼多問題之後,我對AMD非常生氣。

我是否需要使用其他裝載機?我現在使用requirejs,我知道默認情況下是爲AMD設計的。

在此先感謝。

+0

不使用進口導入的模塊庫的反應,只是使用全球library.and然後編譯.TS到.js文件,添加

相關問題