LightDM Webkit2 图像问题

LightDM Webkit2 images issue

我正在从事我的爱好项目,为 lightdm webkit2 创建主题。我选择了 React 框架,因为我对它很满意。这是回购 link https://github.com/gitneeraj/reactive/tree/feature/dist(结帐分支 feature/dist)。通过一些调整(如下所述),我可以看到 HTML 在显示管理器上作为欢迎程序加载得很好。我的问题是当我得到一个在页面中有图像的路由时,即使我将它们捆绑在一起,这些图像也不会加载。这同样适用于任何自定义字体文件。以下是重现问题的步骤 -

开始之前,请确保您在虚拟机上对此进行测试。我推荐 Arch Linux(因为那是我使用的),并正确安装和配置了 lightdm 和 lightdm-webkit2-greeter 包。

  1. 克隆 repo git@github.com:gitneeraj/reactive.git
  2. 结帐到分支 feature/dist 并 npm i 安装 deps
  3. npm start 查看所有在浏览器上正常工作
  4. npm run build 构建捆绑包。这将吐出反应目录
  5. 手动将构建的反应文件夹复制到/usr/share/lightdm-webkit/themes文件夹
  6. 手动将 /etc/lightdm/lightdm-webkit2-greeter.conf 文件的 webkit_theme 变量更新为主题名称 reactive。像这样,webkit_theme = reactive
  7. 记录您当前会话的 out/off,您应该会看到主题。
  8. 单击底部的小齿轮,它应该会带您到 DM 的包含图像和文本的列表页面。但是图片无法加载。

我已经找到了解决方案,因为它与您构建生产项目的方式有关。请记住,Linux 将斜杠 (/) 视为根,我们需要使用主题安装位置的绝对路径。