node.js - 预加载在生产中无法正常工作/编译(Electron-vue SimulatedGREG)

Question

我有一个preload脚本，该脚本在开发中运行良好。我已经看到here，我需要使用static文件或webpack。我之所以采用static方法，是因为对于webpack一，我的知识为零。
目前，我正在使用一个Web View ，并且此Web View 具有preload，如下所示:

<webview :id="webview.key" :src="webview.url" :preload="preload_path" style="height: 100%" pcontextIsolation></webview>

preload_path如下:

preload_path: `file://${path.join(__static, '/serverBrowserIPC.js')}`,

我的项目的结构是:

- dist
- - static 
    serverBrowserIPC.js 
    api.js
- src 
- - main 
- - renderer 

preload文件是 serverBrowserIPC.js，而 serverBrowserIPC.js需要 api.js

require("./api.js")

由于我不知道的已知原因， preload无法正常工作，并引发以下错误:

F:\Web\my-project\build\win-unpacked\resources\app.asar\dist\electron\static\serverBrowserIPC.js

对我来说，这没有意义，因为我已经说过它位于静态文件夹中，但是 electron-app决定通过 bundle 的 app.asar访问它。
我希望有人可以帮助我。

Answer 1

在我看来，问题在于您的项目结构有些错误。静态目录应该位于项目根目录中。当您构建用于生产的应用程序时，该目录将被复制到app.asar目录中。这就是为什么它在那里看。但是，由于根目录中没有静态目录，因此不会复制任何内容。
要检查项目目录结构，请查看以下文档页面:
https://webpack.electron.build/project-structure