react+electron使用webview路径问题

Question

react+electron使用webview路径问题

使用webview preload属性时,
当路径为绝对路径时,preload.js正常加载,如下:

test.js:

    <div>
      <webview id="foo" src="https://www.github.com/"
               preload='file:///home/ppp/PycharmProjects/electron-react/src/components/preload.js'/>
    </div>

但是使用相对路径时preload无法加载,如下

   <div>
      <webview id="foo" src="https://www.github.com/"
               preload='file://./preload.js'/>
    </div>

我还试过网上的解决方法,

preload={`file://${__dirname}/preload.js`}

但并没有生效,请问怎么解决,
我的项目路径

├── public
│   ├── index.html
│   ├── main.js
├── src
│   ├── App.js
│   ├── components
│   │   ├── test.js
│   │   ├── preload.js
│   └── index.js