electron 如何解决路径问题

发布于 2022-09-13 01:07:05 字数 1040 浏览 21 评论 0

electron 的 index.html文件中加入资源引用,比如src="/assets/index.f2932f37.js"就会到磁盘根目录中获取D:\assets\index.f2932f37.js,怎么指定到.html文件所在的目录去查找,类似'/assets/index.f2932f37.js'?也就是如何指定根目录?

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })
  win.loadFile('./dist/index.html')
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  <script type="module" crossorigin src="/assets/index.f2932f37.js"></script>
  <link rel="modulepreload" href="/assets/vendor.a5e6f6e0.js">
  <link rel="stylesheet" href="/assets/index.3714cd5a.css">
</head>
  <body>
    <div id="app"></div>
    
  </body>
</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

尽揽少女心 2022-09-20 01:07:05

看一下 'preload.js'的路径,参考这个路径的书写方式:
win.loadFile(path.join(__dirname, 'index.html'))

你可以看一下打包之后的 index.html 和 preload.js是不是在同级目录,如果不是就按照他们的相对路径调整一下

梓梦 2022-09-20 01:07:05

/assets/index.f2932f37.js

html引入的资源使用了绝对路径, 你用相对路径调整一下试试

对你再特殊 2022-09-20 01:07:05

一般在项目中都是使用相对路径的,特别是html文件中,最好采用./assets/XXXX这样的相对路径写法,这样不容易出错。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文