电容器离子4 VUE项目net :: err_file_not_found

我使用Vue创建并添加了Ionic＆amp;电容器基于以下教程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"
   }

我在运行电子时有问题，纱线运行电子：开始，我得到net :: err_file_not_found .googling for Answers找到了几个答案，所有答案都会添加link_1 link_2 link_3 vue.config.js文件带有以下内容。公共路径的价值不同

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

导致应用程序不执行的飞溅屏幕。有任何提示/想法如何解决这个问题？

预先感谢

我能够通过进行两个更改来使我的电子应用程序运行而无需错误。首先，我添加(ProjectRoot(/vue.config.js

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

我还在内部的<head>标签中添加了<base href="./">(ProjectRoot(/public/index.html

进行此更改后，请确保构建" npm Run构建"，然后" NPX CAP副本"以同步您的所有资产文件，然后测试" CD Electron＆amp; npm Run Electron：start"

供参考，我遇到的错误类似于GET file:///js/chunk-de72da5c.95253596.js net::ERR_FILE_NOT_FOUND。将更改添加到vue.config.js之后，我注意到与我的资产的链接具有我应用程序目录的完整路径。

问题似乎与电子处理相对路径的处理方式有关，因此您必须明确地更改WebPack默认情况下编译路径的方式。希望这会有所帮助。

相关内容

最新更新

热门标签：