AEMのjsに反応する

Question

私はAdobe Experience Manager（AEM）でreact jsを使用していますが、コンソールエラーが発生しています。ここに私のコードは次のとおりです。私は誰かが助けてくださいすることができ

'<' "Unexpected token error"

近く

"Uncaught SyntaxError: Unexpected token import"

も、私は取得していますエラー

を取得していますか？

import React from "react"; 

import {Header} from "./Header"; 

export class Root extends React.Component { 
    render() { 
     return (
      <div className="container"> 
       <div className="row"> 
        <div className="col-xs-10 col-xs-offset-1"> 
         <Header /> 
        </div> 
       </div> 
       <hr/> 
       <div className="row"> 
        <div className="col-xs-10 col-xs-offset-1"> 
         {this.props.children} 
        </div> 
       </div> 
      </div> 
     ); 
    } 
} 

Answer 1

ReactJSはAEMではサポートされていないため、Adobeではお勧めできません。 ICFI - - React.js AEMでVimeoの 上https://vimeo.com/139968905

https://github.com/sinnerschrader/aem-reactベンWestrate：

• Vimeoの記録：
  は、これらが助けることができるかどうかを確認し、AEMが反応する上で、いくつかのリソースがあることを言いました
• https://github.com/sinnerschrader/aem-react-js
• https://www.npmjs.com/package/aem-react-js

Answer 2

すべてのコンポーネントにwebpack設定ファイルを常に含めて、反応コンポーネントを使用することができました。 すべての反応コンポーネントは、ビルドパイプラインでes5に転送されます。 AEM Clientlibsはレンダリング時に翻訳されたjavascriptでコンパイルします。