Resolving dynamic files

[lgrcia]

I would like to set the src of an <img> to the path of an image from a newly created folder (not existing at build time).

I know resolving assets questions are quite frequent but I cannot have the image created in the asset folder and webpack cannot resolve the path since the folder does not exists when compiling.

I tried a solution with app.getPath from electron but with no success.

Any advice?

[lgrcia]

Similar to #165, I tried to set webSecurity to false

[lgrcia]

Here is some proper context for my previous question (on a simple example):

Issue

Fresh electron-vue project with the following LandingPage.vue:

<template>
  <div id="wrapper">
    <img id="logo" src="/an_absolute_path/default.png" alt="electron-vue">
  </div>
</template>

Throw: Failed to load resource: the server responded with a status of 404 (Not Found)

Reproduction

vue init simulatedgreg/electron-vue another_test
cd another_test
npm install
npm run dev

and:

• I needed to make the change specified in Webpack ReferenceError: process is not defined #871 (comment)
• I set webSecurity to false in src/main/index.js:20 as specified in Resolving dynamic files #883 (comment) and Accessing local file? #165:

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      webSecurity: false
    },
  })

Screenshot of rendering error

Development environment.

• Node version: v12.1.0
• NPM version: 6.9.0
• vue version: 2.6.10
• webpack version: 4.32.2
• Operating System: OSX 10.14.5

[lgrcia]

The file is propely resolved outside of development though.

After:

npm run build
...
open build/mac/another_test.app

app runs fine:

Hope it'll help to spot an issue or a misunderstanding. Thank you for your time!