Question

我在Adobe体验管理器（AEM）中使用react js我收到控制台错误。这是我的代码：我正在

＆＃34;未捕获的SyntaxError：意外的令牌导入＆＃34;

我也在

附近收到错误

＆＃39;＆LT;＆＃39; ＆＃34;意外的令牌错误＆＃34;

有人可以帮忙吗？

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

考虑使用react-from-markup，您可以在其中使用简单的静态标记来声明React组件。

例如，此代码：

<div data-react-from-markup-container>
  <p class="hello-world">Hello, world!</p>
</div>

成为：

ReactDOM.render(
  React.createElement("p", { className: "hello-world" }, "Hello, world!"),
  container
);

文档：https://simon360.github.io/react-from-markup

Answer 2

AEM不支持ReactJS，Adobe不推荐使用。

话虽如此，aem-react有一些资源，看看这些是否有帮助：

Vimeo录音：Ben Westrate - ICFI - 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 3

我们能够通过在每个组件中包含一个webpack配置文件来使用react组件。然后，每个反应组件都会在我们的构建管道中转换为es5。 AEM Clientlibs在渲染时使用已转换的javascripts进行编译。

在AEM中反应js

3 个答案: