Ionic framework 浏览器无法找到XHR config.xml:未找到

当我尝试将ionic应用程序部署到web时，出现以下错误：

cordova.js:866[Browser][cordova.js][xhrStatusChangeHandler]无法访问 SplashScreenProxy.js:131

[Browser][cordova.js][xhrStatusChangeHandler]未能找到XHR config.xml:未找到SplashScreenProxy.js:131

---

闪屏组件只能作为Ionic原生组件使用，所以在Ionic 4之前，我们不能在浏览器中使用它。现在，您可以在终端中进行如下测试：

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

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

$ cp config.xml platforms/browser/platform_www

或者从应用程序文件夹中手动复制config.xml文件并粘贴到platforms/browser/platform\u www目录中

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

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

此错误是因为在config.xml文件中，SplashScreen的值为screen或splash（在旧的ionics中）

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

如果更改图像名称的值，如logo.png

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

---

将该文件放在同一目录/platforms/browser/platform\u www中，然后您将在我用于此测试的chrome浏览器上获得一个启动图像，它工作正常

启动屏幕组件仅作为Ionic原生组件提供，因此我们无法在浏览器内使用它，直到Ionic 4。现在，您可以在终端中进行如下测试：

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

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

$ cp config.xml platforms/browser/platform_www

或者从应用程序文件夹中手动复制config.xml文件并粘贴到platforms/browser/platform\u www目录中

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

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

此错误是因为在config.xml文件中，SplashScreen的值为screen或splash（在旧的ionics中）

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

如果更改图像名称的值，如logo.png

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

---

将该文件放在同一个目录/platforms/browser/platform_www中，然后您将在我用于此测试的chrome浏览器上获得一个启动图像，它对任何使用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"
    }
]

之后，splashscreen出现了，但是我得到了一个404 for/screen，因为配置正在寻找一个不存在的splashscreen图像。我不想在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，您不需要这样做

---

瞧！这应该可以做到。

对于任何使用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"
    }
]

之后，splashscreen出现了，但是我得到了一个404 for/screen，因为配置正在寻找一个不存在的splashscreen图像。我不想在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，您不需要这样做

---

瞧！应该可以了。

这是针对ionic 2/3还是ionic 4？我对V4有相同的问题是针对ionic 2/3还是ionic 4？我对V4也有相同的问题是针对ionic 2/3还是ionic 4？在我的情况下，我是从服务器上的测试文件夹运行的，但我得到了错误，因为谁是ionic？是否尝试在根目录下访问它GET 404 Not Found？如何修复此问题并告诉它相对于mydomain.com/TestFolder/index.html进行加载？在我的情况下，我是从服务器上的测试文件夹运行的，但我收到错误，因为：？是否尝试在根目录下访问它GET 404 Not Found如何修复此问题并告诉它相对于mydomain.com/TestFolder/index.html进行加载？这是一个更持久的解决方案。好东西！这是一个更持久的解决办法。好东西！