### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [2020年九月4日 15:56 UTC](https://meta.discourse.org/t/discourse-retort/35903/380 "2020-09-04T15:56:29Z")
看起来现在运行正常了，非常感谢！😄
我们应用了以下 CSS 来让界面看起来更美观一些
## 桌面端
```
.emoji-picker.has-limited-set img.emoji {
width: 40px !important;
height: 40px !important;
}
.post-retort {
margin: 0px 2px;
}
.emoji-picker.has-limited-set .limited-emoji-set {
flex-wrap: wrap;
}
.emoji-picker {
min-height: 80px;
max-width: 400px;
}
```
## 移动端
```
.emoji-picker.has-limited-set .limited-emoji-set {
flex-wrap: wrap !important;
}
.emoji-picker {
min-width: 100% !important;
}
```
---
### Author:  [@gde](https://meta.discourse.org/u/gde)
#### Post date: [2020年九月5日 11:52 UTC](https://meta.discourse.org/t/discourse-retort/35903/381 "2020-09-05T11:52:20Z")
我刚刚重新构建了 Discourse 以更新插件。但现在，插件图标消失了，我所有的主题组件也不见了。我不知道这是否有关联，但在浏览器控制台中出现了以下消息：
编辑：停用 Retort 后，所有主题组件都回来了，所以看起来确实存在关联。
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [2020年九月8日 14:10 UTC](https://meta.discourse.org/t/discourse-retort/35903/382 "2020-09-08T14:10:19Z")
我的网站上经常看到这个错误，过一会儿整个网站对我来说就会变得缓慢/卡顿。
_在安全模式下一切正常，网站运行快速且响应灵敏。_
**使用 Google Chrome** ：版本 85.0.4183.83（官方构建版）（64 位）
## 错误信息：
```
Uncaught TypeError: Cannot read property 'map' of undefined
at retort-11c49191cf3e1f7f570d8808ade67b5d7fcfdfe612b792c49f064baacdebadc7.js:1
at application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1
at Array.map ()
at h (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
at i.html (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
at i.value (application-acabe31b416e73071c4f82b77bdadcf4a5fc525109638830baeeacd14e3a3656.js:1)
at s (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
at t.exports (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
at e (vendor-bf8061112a1b547c1b596d16d89c9a42af976a43984f9eacd40a8c690c0f30b2.js:1)
if (!v.default.disabledFor(e))
return v.default.storeWidget(r),
o.retorts.map(function(e) { <<<<< 错误发生在此处
var t = e.usernames
, i = e.emoji;
return r.attach("retort-toggle", {
post: o,
usernames: t,
emoji: i
})
```
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [2020年九月8日 20:06 UTC](https://meta.discourse.org/t/discourse-retort/35903/383 "2020-09-08T20:06:09Z")
一些 CSS 问题及其在我们个人使用中的解决方案
## 桌面端
第一个问题算不上严重，但可能会发生。我们很少在一个帖子下收到这么多回复，但您需要注意：如果回复数超过 8 条，帖子控制区域就会显示异常。
这里是 8 条回复时的效果，看起来很好。
### 桌面端使用的 CSS
```
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
```
* * *
**手机** ：iPhone SE 第一代
## 移动端
目前，在移动端（至少在使用较小屏幕时），不破坏帖子控制区域的回复数上限为 1 条。
如果回复数超过 1 条，帖子控制区域就会被移出屏幕。
以下是应用我们的 CSS 修改后的效果。
## 移动端 CSS
```
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
```
您可以使用上述移动端 CSS 在桌面端实现与移动端相同的布局效果，这会将回复按钮放置在帖子控制区域的上方。
我们非常喜欢这个插件，它在我们的论坛中得到了广泛应用。感谢 @angus 接手这个项目 👍
---
### Author:  [@DoomDesign](https://meta.discourse.org/u/DoomDesign)
#### Post date: [2020年九月9日 12:57 UTC](https://meta.discourse.org/t/discourse-retort/35903/384 "2020-09-09T12:57:26Z")
我也遇到了这个错误。不过我的主题组件仍然正常工作，但回复选择器完全不可见（因为 JavaScript 出错了）。
我们将 Discourse 更新到了 2.5.1，然后首次安装了此插件。
---
### Author:  [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [2020年九月9日 13:14 UTC](https://meta.discourse.org/t/discourse-retort/35903/385 "2020-09-09T13:14:54Z")
我无法使用 wait load
---
### Author:  [@gde](https://meta.discourse.org/u/gde)
#### Post date: [2020年九月10日 19:08 UTC](https://meta.discourse.org/t/discourse-retort/35903/386 "2020-09-10T19:08:16Z")
我今天通过重新构建应用，意外地解决了我的问题。
你可以试试这个方法吗？
我也在使用稳定版（2.5.1）。
---
### Author:  [@DoomDesign](https://meta.discourse.org/u/DoomDesign)
#### Post date: [2020年九月11日 11:33 UTC](https://meta.discourse.org/t/discourse-retort/35903/387 "2020-09-11T11:33:54Z")
是的，我在他们的 GitHub 问题追踪器上报告了该问题，第二天就修复了，非常棒 🙂
---
### Author:  [@luisherranz](https://meta.discourse.org/u/luisherranz)
#### Post date: [2020年九月15日 09:16 UTC](https://meta.discourse.org/t/discourse-retort/35903/388 "2020-09-15T09:16:41Z")
大家好，我们非常喜欢这个插件，但在上次更新后，在我们的 [社区论坛](https://community.frontity.org) 中看到的表情符号变成了白色皮肤，而不是中性的黄色。
我们没有更改任何设置。这是当前的配置：
这是预期的行为吗？可以更改吗？
谢谢！！
---
### Author:  [@kchang](https://meta.discourse.org/u/kchang)
#### Post date: [2020年九月23日 04:20 UTC](https://meta.discourse.org/t/discourse-retort/35903/389 "2020-09-23T04:20:56Z")
大家好，
我是 Discourse 的新手。我已通过 GitHub 上的源代码安装了 Discourse，并且它已经在线运行。
今天，我安装了 Retort 插件，在“管理 - 插件”中可以看到新安装的 Retort 已存在并处于激活状态。
当我发布一个新话题，并用另一个账号查看时，原本希望能使用新的 Retort 插件，但却看不到预期的按钮……
我回到管理后台，确认了插件选项已按照手册中的说明进行了设置。请见下图：
由于这里只能发布一张图片，我将三张图片合并在一起。
所以，请帮帮我，看看问题出在哪里。任何建议都将不胜感激。提前非常感谢！
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [2020年九月23日 12:02 UTC](https://meta.discourse.org/t/discourse-retort/35903/390 "2020-09-23T12:02:47Z")
> [@luisherranz](#):
>
> 在最新更新后，我们看到的表情符号是白色皮肤，而不是中性的黄色。
这并不在预期之内。我会在本周末查看一下。
@kchang 能否打开网页控制台（[https://kb.mailster.co/how-can-i-open-the-browsers-console/），看看是否有来自此插件或其他插件或主题的任何异常？（将控制台中出现的任何红色行复制并粘贴到这里，如果内容较长，可以将其隐藏在“隐藏详情”标签中）。](https://kb.mailster.co/how-can-i-open-the-browsers-console/%EF%BC%89%EF%BC%8C%E7%9C%8B%E7%9C%8B%E6%98%AF%E5%90%A6%E6%9C%89%E6%9D%A5%E8%87%AA%E6%AD%A4%E6%8F%92%E4%BB%B6%E6%88%96%E5%85%B6%E4%BB%96%E6%8F%92%E4%BB%B6%E6%88%96%E4%B8%BB%E9%A2%98%E7%9A%84%E4%BB%BB%E4%BD%95%E5%BC%82%E5%B8%B8%EF%BC%9F%EF%BC%88%E5%B0%86%E6%8E%A7%E5%88%B6%E5%8F%B0%E4%B8%AD%E5%87%BA%E7%8E%B0%E7%9A%84%E4%BB%BB%E4%BD%95%E7%BA%A2%E8%89%B2%E8%A1%8C%E5%A4%8D%E5%88%B6%E5%B9%B6%E7%B2%98%E8%B4%B4%E5%88%B0%E8%BF%99%E9%87%8C%EF%BC%8C%E5%A6%82%E6%9E%9C%E5%86%85%E5%AE%B9%E8%BE%83%E9%95%BF%EF%BC%8C%E5%8F%AF%E4%BB%A5%E5%B0%86%E5%85%B6%E9%9A%90%E8%97%8F%E5%9C%A8%E2%80%9C%E9%9A%90%E8%97%8F%E8%AF%A6%E6%83%85%E2%80%9D%E6%A0%87%E7%AD%BE%E4%B8%AD%EF%BC%89%E3%80%82)
---
### Author:  [@kchang](https://meta.discourse.org/u/kchang)
#### Post date: [2020年九月23日 17:48 UTC](https://meta.discourse.org/t/discourse-retort/35903/391 "2020-09-23T17:48:42Z")
嗨 @angus，
非常感谢你的回复。我注意到控制台中有几条红色报错信息，请查看下方我在 Opera 浏览器中进入帖子时截取的图片。
看起来我的安装中“import”部分存在问题。我是通过源代码安装 Discourse 的，而非使用 Docker，因此我一直将新插件放入 _discourse/plugins_ 目录中，并已成功通过这种方式安装了另外两个插件。我不确定以同样的方式安装 retort 是否正确。
另外，我之前确实已通过 npm 安装了 `@popperjs/core`，但不知为何仍遇到此错误……
谢谢。
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [2020年九月23日 21:57 UTC](https://meta.discourse.org/t/discourse-retort/35903/392 "2020-09-23T21:57:10Z")
该导入是在 emoji-picker 重构过程中添加的，此次重构促使该插件不久前进行了更新（见上文）。它大约一个月前被添加到 Discourse 中。如果您遇到该错误，说明您正在运行较旧版本的 Discourse。我猜您正在使用 `stable` 分支。
该插件也通过 `.discourse_compatibility` 文件支持 `stable` 分支，但如果您未使用 Docker，则需要通过 rake 任务 `plugin:pull_compatible_all` 安装插件，该任务会为您的 `stable` 分支拉取正确版本的插件。
如果这是生产环境，且您对 Discourse 还不太熟悉，我强烈建议您使用 Docker。Docker 能够处理 Discourse 环境管理的多个方面，例如为您的环境拉取正确的插件版本，从而避免可能让您陷入困境的问题。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2020年九月23日 23:18 UTC](https://meta.discourse.org/t/discourse-retort/35903/393 "2020-09-23T23:18:26Z")
您好，我之前限制了表情符号。之前的一次更新中，为了让插件正常工作，我不得不允许无限制的表情符号。
---
### Author:  [@kchang](https://meta.discourse.org/u/kchang)
#### Post date: [2020年九月24日 01:30 UTC](https://meta.discourse.org/t/discourse-retort/35903/394 "2020-09-24T01:30:06Z")
非常感谢 @angus，你说得对，我现在处于 Discourse 的稳定分支上。我会运行 rake 任务来拉取兼容版本的 retort。在获取域名后，我会改用 Docker 镜像，这样更方便。😀
更新：
我运行了 rake plugin:pull\_compatible\_all，但看起来我的 Discourse 稳定版本太旧了。所以我拉取了最新版本的 Discourse。现在一切运行顺畅 😁
再次感谢你的热心帮助 😃
---
### Author:  [@gerald](https://meta.discourse.org/u/gerald)
#### Post date: [2020年九月24日 14:48 UTC](https://meta.discourse.org/t/discourse-retort/35903/395 "2020-09-24T14:48:36Z")
在 Discourse 的默认主题中，移动视图下的回复按钮与底部工具栏的其他图标（如点赞、分享等）分离，导致反击图标被挤到下方，视觉效果非常难看。
我通过在主题中添加以下 CSS 代码来修正这一设计问题。或许您也会觉得它有用：
```
.mobile-view {
.topic-post nav.post-controls .actions button.reply {
margin: inherit;
margin-left: 10px;
}
nav.post-controls .actions {
text-align: right;
float: right;
display: inline-block;
}
.topic-post nav.post-controls .actions .double-button {
display: inline-flex;
}
.post-menu-area {
margin: 0;
padding-top: 15px;
}
}
```
---
### Author:  [@luisherranz](https://meta.discourse.org/u/luisherranz)
#### Post date: [2020年九月28日 13:52 UTC](https://meta.discourse.org/t/discourse-retort/35903/396 "2020-09-28T13:52:42Z")
> [@angus](#):
>
> 没想到会这样。我周末会查看一下。
太棒了，谢谢 🙂
如果你需要帮助调试这个问题，或者对可能的问题原因有任何线索，请告诉我。
[上一頁](https://meta.discourse.org/t/discourse-retort/35903.md?page=18)
[下一頁](https://meta.discourse.org/t/discourse-retort/35903.md?page=20)