Реагировать js в AEM

Question

Я использую реакцию js в менеджере управления Adobe (AEM). Я получаю ошибки консоли. Вот мой код: Я получаю

"Uncaught SyntaxError: Unexpected token import"

также я получаю ошибки около

'<' "Unexpected token error"

Может кто-то пожалуйста, помогите?

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.

Сказав, что, есть некоторые ресурсы на AEM реагируют, увидеть, если они могут помочь:

• Vimeo записи: Бен Westrate - МКЧИ - React.js в AEM на Vimeo https://vimeo.com/139968905
• https://github.com/sinnerschrader/aem-react
• https://github.com/sinnerschrader/aem-react-js
• https://www.npmjs.com/package/aem-react-js

Answer 2

Мы смогли использовать реагирующие компоненты, всегда добавляя конфигурационный файл webpack с каждым компонентом. Каждый реагирующий компонент затем передается в es5 в нашем конвейере сборки. AEM Clientlibs скомпилирован с перерисованными javascripts на рендеринге.