preload.js不能够加载问题

1--Unable to load preload script: D:\\xxxxx\my-count\dist_electron\preload.js

2--cannot find moudle

问题收集

问题信息

Unable to load preload script: D:\UserDate\DesTable\XXXXX\my-count\dist_electron\preload.js

VM75 renderer_init.js:93 Error: Cannot find module 'D:\UserDate\DesTable\XXXXX\my-count\dist_electron\preload.js'
    at Module._resolveFilename (VM43 loader.js:887)
    at Function.o._resolveFilename (VM75 renderer_init.js:33)
    at Module._load (VM43 loader.js:732)
    at Function.f._load (VM70 asar_bundle.js:5)
    at Function.o._load (VM75 renderer_init.js:33)
    at Object.<anonymous> (VM75 renderer_init.js:93)
    at Object../lib/renderer/init.ts (VM75 renderer_init.js:93)
    at __webpack_require__ (VM75 renderer_init.js:1)
    at VM75 renderer_init.js:1
    at ___electron_webpack_init__ (VM75 renderer_init.js:1)

问题解决 

这个问题产生的原因是没有找到相应preload.js文件，并且加载到ELectron的主进程中

相当于这个文件路径不正确，尽管在项目的编写阶段能够看到，但是编译之后的preload.js文件的位置改变了，或者说并没有产生该文件

Cannot find module 这个问题产生的原因是因为调用preload.js文件中的方法不存在，模块没有导入，是preload.js文件没有加载导致的。

解决办法

在项目中的vue.config.js文件中添加如下配置

module.exports ={

  pluginOptions: {

    electronBuilder: {

      preload: 'src/preload.js', // 确保路径正确

    }

  }

}

上面这些只是用于确保preload.js被正确加载

解决截图

可以看到重启之后两个问题都消失了