Question

当我尝试将离子应用程序部署到Web时，出现此错误：

cordova.js：866 [浏览器] [cordova.js] [xhrStatusChangeHandler]无法   SplashScreenProxy.js：131

[浏览器] [cordova.js] [xhrStatusChangeHandler]无法XHR config.xml：找不到SplashScreenProxy.js：131

Answer 1

对于任何使用 Angular 且 /platforms/www 中已经有 config.xml 的人来说，这对我有用。打开 angular.json 并查找 projects//architect/build/assets 属性并添加一个条目来告诉 Angular 在哪里可以找到 config.xml。这是我的资产数组最终的样子：

"assets": [
    {
        "glob": "**/*",
        "input": "src/assets",
        "output": "assets"
    },
    {
        "glob": "config.xml",
        "input": "",
        "output": "/"
    },
    {
        "glob": "**/*.svg",
        "input": "../../node_modules/ionicons/dist/ionicons/svg",
        "output": "svg"
    }
]

在那之后，启动画面出现了，但由于配置现在正在寻找不存在的启动画面图像，我得到了“/screen”的 404。我不想为 Android 和 iOS 更改此设置，但在浏览器中我只想将其指向图像，因此我在 config.xml 中添加了以下节点，立即之前 SplashScreen 首选项（添加后不起作用）。

<platform name="browser">
    <preference name="SplashScreen" value="/assets/images/splashscreen.jpg" />
    <preference name="SplashScreenWidth" value="600" />
    <preference name="SplashScreenHeight" value="300" />
</platform>
<preference name="SplashScreen" value="screen" />

请注意，我必须指定宽度和高度，对于 Android 或 iOS，您不需要这样做。

瞧！应该这样做。

Answer 2

“启动画面”组件仅作为Ionic Native组件提供，因此，在ionic 4之前，我们无法在浏览器中使用它。现在，您可以在终端中进行如下测试：

$ ionic cordova build browser
$ ionic serve --cordova --platform browser

在仍然找不到config.xml之后，所以我只复制到此文件夹：

$ cp config.xml ~/your-app-name/platforms/browser/platform_www

或者只是从您的应用程序文件夹中手动复制config.xml文件，然后粘贴到目录/ platforms / browser / platform_www

浏览器控制台上还会出现另一个错误：

GET http://localhost:8100/screen 404 (Not Found)

此错误是因为在config.xml文件中，SplashScreen的值是“ screen”（或在较早的离子液体中飞溅）

<preference name="SplashScreen" value="screen" />

如果您更改图像名称的值，例如“ logo.png”

<preference name="SplashScreen" value="logo.png" />

并将该文件放在同一目录（/ platforms / browser / platform_www）中，然后您将在浏览器上看到启动图像（我使用chrome进行了此测试，它可以正常工作）

浏览器-无法XHR config.xml：找不到

2 个答案: