2016-04-11 22 views
1

Gecikmeli içe aktarma SystemJS/JSPM'yi React ile kullanmaya başladım. Uygulamamda, AMD, CJS, vb. Gibi ortak JS modül biçiminde olmayan bazı üçüncü taraf kitaplıklarını kullanıyorum, bu yüzden bu kütüphaneleri yüklediğimde, bunlar global modüller olarak kurulur. bir kitaplık için JSPM: DOM'da elemanları bundan önce hazır beklediğini böylece ithal zamanSystemJS

module.exports = require("npm:[email protected]/dist/js/app.js"); 

Bu kütüphane bazı başlatma kodu çalıştırmak vardır. Bu gibi React ile birlikte kullanır ve birlikte kullanırsanız:

import adminlte from "adminlte"; 

export default class Root extends React.Component { 
    render() { 
     return (
      <div className="wrapper"> 
       <MainHeader /> 
       <MainSidebar /> 
       <MainContent /> 
       <MainFooter /> 
       <ControlSidebar /> 
      </div> 
     ); 
    } 
} 

Çalışmıyor. Sanırım kütüphane içe aktarılıyor ve React işlevi DOM'yi tarayıcıya sunmadan önce başlatma kodu çalıştırılıyor. Öyleyse, React tarafından DOM işlenene kadar 3. parti kütüphanesinin içe aktarılmasını geciktirmenin bir yolu var mı? Ben bazı yaşam döngüsü olayı içine bakmak

hala düzgün

Nihayet
+0

'import' ifadeleri maalesef koşullu yüklenen veya üzerinde, seansları edilemez

<script type="text/javascript"> System.import("js/app/main.js") .then(() => { System.import("adminlte"); }); </script> 

Bu çözmek için en iyi yol olmayabilir, bu nedenle başkasının daha iyi bir yol varsa, bunu önermek edin: zaten yüklenmiş require() 'ifadeleri gibi uçmak – lux

cevap

1

ana uygulamadır sonra System.import() kullanarak üçüncü taraf kitaplığı ithal ederek geçici Bunun nasıl emin değildi vs componentDidMount gibi tepki, ama

İlgili konular