cordova - ionic - 为 web 构建,index.html 寻找不存在的文件

标签 cordova ionic-framework ionic4 phonegap

我在使用 Ionic 时遇到问题。我过去为 iOS 和 Android 构建过,没有遇到任何问题。

我现在想在网络上托管我的 ionic 项目,所以我正在尝试构建它生成的文件并将其上传到我的托管服务器。

我构建使用:

ionic build --prod

我也试过:

ionic cordova build browser --prod --release

我没有收到任何错误消息,所以我转到 platforms > browser > www 并复制整个文件夹并将其上传到我的托管服务器。大约有 237 个文件。

上传后,我尝试访问它应该位于 https://myurl.com/www/index.html 上的 url,但我收到错误消息,提示它正在寻找不存在的文件存在。

index.html:19 GET https://myurl.com/styles.eef8d0b037ae75ae3ee1.css net::ERR_ABORTED 404 (Not Found)

index.html:23 GET https://myurl.com/runtime-es2015.83b0bcbb60824f9bb8b4.js net::ERR_ABORTED 404 (Not Found)

index.html:19 GET https://myurl.com/styles.eef8d0b037ae75ae3ee1.css net::ERR_ABORTED 404 (Not Found)

index.html:23 GET https://myurl.com/main-es2015.002da15914054dfd59d6.js net::ERR_ABORTED 404 (Not Found)

我做错了什么?我只是上传 www 文件夹。我应该上传其他东西吗?

任何建议都会很棒。谢谢。

最佳答案

您似乎正在将网络文件上传到您主机的“www”文件夹:

https://myurl.com/www/index.html <-- 请注意此处的“www”。

虽然您的 index.html 很可能指向作为您域的根的基本 url(404 错误表示没有这样的文件等)。默认情况下,您的 index.hml 将具有以下内容:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Ionic App</title>

  <base href="/" />
...
</head>

因此,要解决此问题,您需要:

关于cordova - ionic - 为 web 构建,index.html 寻找不存在的文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59471752/

相关文章:

javascript - 如何在 ionic 应用程序中设置默认图像

ios - 与 SQLite 相关的 Phonegap 构建错误

cordova - 在 PhoneGap 中使用 Googleplus 签名

ionic-framework - 阅读短信的 Android 6 权限被拒绝?

ios - 加载多个页面后,iOS 上的视频失败

angular - Ionic 4 弹出窗口出现在屏幕外

angular - 在 Ionic 4 中调用complete() 时无限滚动不起作用

android - Fontawesome 在我的 Android 应用程序中随机显示矩形

Android - Phonegap - 发生网络错误

android - 构建 Ionic 应用程序时出错 : Failed to execute aapt (CordovaLib:processDebugResources)