Question

我使用vue create创建了一个新的vue项目，并根据以下教程vue ionic capacitor Tutorial

添加了离子和电容器

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"
   }

运行电子时发生问题，纱线运行电子时发生问题：开始，我得到net :: ERR_FILE_NOT_FOUND。谷歌搜索找到的答案几个答案都导致添加link_1 link_2 link_3 vue.config.js文件，其内容如下。具有不同的publicPath值

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

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

预先感谢

Answer 1

通过进行两项更改，我能够使我的电子应用程序正常运行。首先我添加了（projectRoot）/vue.config.js

async

我还在（projectRoot）/public/index.html的PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin标记内添加了module.exports = { publicPath: './', }

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

作为参考，我遇到类似于<base href="./">的错误。将更改添加到vue.config.js后，我注意到指向资产的链接具有应用程序目录的完整路径。

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

电容离子4 Vue项目网:: ERR_FILE_NOT_FOUND

1 个答案: