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 包。
- 克隆 repo git@github.com:gitneeraj/reactive.git
- 结帐到分支 feature/dist 并
npm i
安装 deps
npm start
查看所有在浏览器上正常工作
npm run build
构建捆绑包。这将吐出反应目录
- 手动将构建的反应文件夹复制到/usr/share/lightdm-webkit/themes文件夹
- 手动将 /etc/lightdm/lightdm-webkit2-greeter.conf 文件的
webkit_theme
变量更新为主题名称 reactive
。像这样,webkit_theme = reactive
- 记录您当前会话的 out/off,您应该会看到主题。
- 单击底部的小齿轮,它应该会带您到 DM 的包含图像和文本的列表页面。但是图片无法加载。
我已经找到了解决方案,因为它与您构建生产项目的方式有关。请记住,Linux 将斜杠 (/) 视为根,我们需要使用主题安装位置的绝对路径。
我正在从事我的爱好项目,为 lightdm webkit2 创建主题。我选择了 React 框架,因为我对它很满意。这是回购 link https://github.com/gitneeraj/reactive/tree/feature/dist(结帐分支 feature/dist
)。通过一些调整(如下所述),我可以看到 HTML 在显示管理器上作为欢迎程序加载得很好。我的问题是当我得到一个在页面中有图像的路由时,即使我将它们捆绑在一起,这些图像也不会加载。这同样适用于任何自定义字体文件。以下是重现问题的步骤 -
开始之前,请确保您在虚拟机上对此进行测试。我推荐 Arch Linux(因为那是我使用的),并正确安装和配置了 lightdm 和 lightdm-webkit2-greeter 包。
- 克隆 repo git@github.com:gitneeraj/reactive.git
- 结帐到分支 feature/dist 并
npm i
安装 deps npm start
查看所有在浏览器上正常工作npm run build
构建捆绑包。这将吐出反应目录- 手动将构建的反应文件夹复制到/usr/share/lightdm-webkit/themes文件夹
- 手动将 /etc/lightdm/lightdm-webkit2-greeter.conf 文件的
webkit_theme
变量更新为主题名称reactive
。像这样,webkit_theme = reactive
- 记录您当前会话的 out/off,您应该会看到主题。
- 单击底部的小齿轮,它应该会带您到 DM 的包含图像和文本的列表页面。但是图片无法加载。
我已经找到了解决方案,因为它与您构建生产项目的方式有关。请记住,Linux 将斜杠 (/) 视为根,我们需要使用主题安装位置的绝对路径。