当使用 Playwright 启动时，竞争条件导致资产从 Electron 中的错误位置加载

Question

我有一个电子应用程序，我正在尝试将剧作家测试添加到，并且当我使用playwright _Electron.launch（）启动它时，我有一些SVG文件在我的CSS中使用，以尝试从node_modules/electron/dist/resources/electron.asar文件，而不是来自webpack /build>/build目录。从命令行手动启动它可以正常工作，而无需重建或其他任何内容。

当我检查图标 -加载元素在DevTools元素选项卡中，URL显示为这样：

.icon-load {
    background: url(file:///F:/Programming/REDACTED/node_modules/electron/dist/resources/electron.asar/renderer/287f560038de84fa9ced.svg);
}

到目前为止，我已经尝试验证bose.baseuri以及_Electron.launch（）上的一些不同选项。

DevTools Console会话：

window.$("body").baseURI
"file:///F:/Programming/REDACTED/build/"

启动-Electron.js：

// Launch Electron app.
const electronApp = await electron.launch({
  args: ["."],
  //cwd: "F:\\Programming\\REDACTED", // no change
  //bypassCSP: true, // no change
});

更新2：刷新页面会导致SVG文件从正确的位置加载！我们似乎有一个种族条件，并在电子发射中具有某种上下文切换。我将再次添加WebPack配置的片段：

module.exports = {
  context: __dirname + "/renderer",
  entry: "./App.js",
  output: {
    path: __dirname + "/build",
    filename: "bundle.[fullhash].js",
  },
  stats: {
    errorDetails: true,
    children: true,
  },
  module: {
    rules: [
      {
        test: /App\.js$/i,
        loader: "expose-loader",
        options: {
          exposes: {
            globalName: "FF",
          },
        },
      },
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"], // disabling URL loading in CSS loader makes app load but without CSS images
      },
      {
        test: /\.(jpg|png|ico|svg)$/i,
        type: "asset/resource",
      },
    ],
  },
};