1

我使用 vue create 创建了新的 vue 项目，并根据以下教程添加了离子和电容器vue 离子电容器教程

yarn add @capacitor/core @capacitor/cli
yarn cap init 
yarn cap add android/ios and electron

 update capacitor.config.json as follow


  {
   "appId": "xxxx.xxx.xxxx.vuecapacitordemo2",
   "appName": "vuecapacitordemo2",
    "bundledWebRuntime": true,
    "npmClient": "yarn",
    "webDir": "dist"
   }

我在运行 electron 时遇到问题， yarn run electron:start ，我得到 net::ERR_FILE_NOT_FOUND 。谷歌搜索找到的答案有几个答案都导致添加 带有以下内容的link_1 link_2 link_3 vue.config.js 文件。publicPath 具有不同的值

 module.exports={
      publicPath: '/',
      runtimeCompiler: true
 }

这会导致应用程序无法继续超出初始屏幕。任何提示/想法如何解决这个问题？

提前致谢

4

1 回答 1

5

通过进行两项更改，我能够让我的电子应用程序无错误地运行。首先我添加了 (projectRoot)/vue.config.js

module.exports = {
  publicPath: './',
}

我还在(projectRoot)/public/index.html 里面<base href="./">的标签内添加了<head>

进行此更改后，请确保构建“npm run build”，然后构建“npx cap copy”以同步所有资产文件，然后测试“cd electron & npm run electron:start”

作为参考，我收到类似于GET file:///js/chunk-de72da5c.95253596.js net::ERR_FILE_NOT_FOUND. 添加对 vue.config.js 的更改后，我注意到指向我的资产的链接具有我的应用程序目录的完整路径。

问题似乎在于电子如何处理相对路径，因此您必须显式更改默认情况下 webpack 编译路径的方式。希望这可以帮助。

于 2019-05-16T15:16:45.717 回答