电容器离子 4 vue 项目网络::ERR_FILE_NOT_FOUND

Question

电容器离子 4 vue 项目网络::ERR_FILE_NOT_FOUND

我使用 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"
   }

Run Code Online (Sandbox Code Playgroud)

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

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

Run Code Online (Sandbox Code Playgroud)

这会导致应用程序无法在启动画面之外继续进行。任何提示/想法如何解决这个问题？

提前致谢

Answer 1

Ari*_*l G 5

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

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

Run Code Online (Sandbox Code Playgroud)

我还在(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 编译路径的方式。希望这可以帮助。

归档时间：	6 年，5 月前
查看次数：	967 次
最近记录：	6 年，5 月前