---
# System prepended metadata

title: '2020-02-24'

---

# 2020-02-24

昨天會出現 Render 失敗是因為我少加了 setContainer 的關係，加上之後就正常了

![](https://i.imgur.com/qrbG2wE.png)

``` diff
Configuration.initial(rawConfig).then((config) => {
  createDirectLine(config.directLineOptions).then((directLine) => {
    setConfig(config);
    SetDirectLine(directLine)
  })
});
+ setContainer(document.getElementById('root'))
```

再來是在 react 裡面用 window.WebChat

``` js
const { ReactWebChat } = window.WebChat;
return (
    <ReactWebChat
      userID={userId}
      username={userName}
      locale={locale}
      className={`${className || ''} web-chat`}
      directLine={directLine}
      store={store}
      styleSet={this.createStyleSet(styleOptions)}
      activityMiddleware={this.activityMiddleware}
    />
)
```

直接這樣 render 是不行的，後來我試了 `window.WebChat.renderWebChat` 把他 render 在另一個 div 裡面可以