Vue.js 电容器4 vue项目网络::未找到错误文件

Vue.js 电容器4 vue项目网络::未找到错误文件,vue.js,ionic4,capacitor,Vue.js,Ionic4,Capacitor,我使用vue create创建了新的vue项目,并根据以下教程添加了ionic&Capactor 我运行电子时有问题,纱线运行电子:启动, 我得到net::ERR_FILE_NOT_FOUND。通过谷歌搜索找到的答案,有两个答案都会导致添加包含以下内容的vue.config.js文件。具有不同的publicPath值 module.exports={ publicPath: '/', runtimeCompiler: true } 这会导致应用程序在启动屏幕之外无法

我使用vue create创建了新的vue项目,并根据以下教程添加了ionic&Capactor

我运行电子时有问题,纱线运行电子:启动, 我得到net::ERR_FILE_NOT_FOUND。通过谷歌搜索找到的答案,有两个答案都会导致添加包含以下内容的vue.config.js文件。具有不同的publicPath值

 module.exports={
      publicPath: '/',
      runtimeCompiler: true
 }
这会导致应用程序在启动屏幕之外无法继续运行。有没有关于如何解决这个问题的提示/想法


提前感谢

我做了两个更改,让我的电子应用程序运行正常。 首先我添加了(projectRoot)/vue.config.js

module.exports = {
  publicPath: './',
}
我还在(projectRoot)/public/index.html中的
标记中添加了

进行此更改后,确保先生成“npm运行构建”,然后生成“npx cap副本”,以同步所有资产文件,然后测试“cd electron&npm运行electron:开始”

作为参考,我得到了类似于
GET的错误file:///js/chunk-de72da5c.95253596.js net::找不到错误文件
。在添加对vue.config.js的更改后,我注意到指向我的资产的链接具有我的应用程序目录的完整路径


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

我做了两个更改,使我的electron应用程序能够正常运行。 首先我添加了(projectRoot)/vue.config.js

module.exports = {
  publicPath: './',
}
我还在(projectRoot)/public/index.html中的
标记中添加了

进行此更改后,确保先生成“npm运行构建”,然后生成“npx cap副本”,以同步所有资产文件,然后测试“cd electron&npm运行electron:开始”

作为参考,我得到了类似于
GET的错误file:///js/chunk-de72da5c.95253596.js net::找不到错误文件
。在添加对vue.config.js的更改后,我注意到指向我的资产的链接具有我的应用程序目录的完整路径


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

我删除了electron文件夹并创建了一个新文件夹;纱线帽添加电子。此错误已消失,但我得到了一个新错误(ionicpwaelements.rdkmyppq.js:122未捕获类型错误:无法重新定义属性:队列)。我将接受您的答案作为消除此错误的正确方法。我删除了electron文件夹并创建了一个新文件夹;纱线帽添加电子。此错误已消失,但我得到了一个新错误(ionicpwaelements.rdkmyppq.js:122 Uncaught TypeError:无法重新定义属性:queue)。我将接受您的答案作为消除此错误的正确方法。