# Using Cordova (PhoneGap) with Phaser 3 and using Image Not Appearing in iOS but Appears in Browser

**URL:** <https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176>\
**Category:** Phaser 3\
**Created:** [March 26, 2021, 9:18am UTC](https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176 "2021-03-26T09:18:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bliss](https://avatars.discourse-cdn.com/v4/letter/b/f9ae1b/32.png) [@bliss](https://phaser.discourse.group/u/bliss)\
**Post date:** [March 26, 2021, 9:18am UTC](https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176/1 "2021-03-26T09:18:43Z")

</div>

Hi,

I am trying to use Phaser 3 inside a Cordova App.  
My code is really simple. I just present a image on the screen.

```
class playGame extends Phaser.Scene{
    constructor() {
        super("PlayGame");
    }

    create(){
        this.add.image(0, 0, "emptytile");        
    }
    
}

```

I have remembered to pre-load the image too:  
`this.load.image("emptytile", "assets/sprites/emptytile.png");`

When I run: `cordova run browser`  
everything works fine and the correct image is diplayed.

However in the ios version…when I run: `cordova run ios`  
The image is not displayed and instead I see a placeholder for the image.

What is the reason for this and how to fix this???

---

<div class="post-metadata">

**Author:** ![blokus](https://avatars.discourse-cdn.com/v4/letter/b/aca169/32.png) [@blokus](https://phaser.discourse.group/u/blokus)\
**Post date:** [April 24, 2021, 12:39am UTC](https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176/2 "2021-04-24T00:39:27Z")

</div>

Did you find a solution? I’m struggling with the same thing in Android Studio.

---

<div class="post-metadata">

**Author:** ![bliss](https://avatars.discourse-cdn.com/v4/letter/b/f9ae1b/32.png) [@bliss](https://phaser.discourse.group/u/bliss)\
**Post date:** [April 24, 2021, 1:33am UTC](https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176/3 "2021-04-24T01:33:05Z")

</div>

Hi  
yes i did  
Use this plugin

```javascript
cordova plugin add https://github.com/AraHovakimyan/cordova-plugin-wkwebviewxhrfix

```

---

<div class="post-metadata">

**Author:** ![blokus](https://avatars.discourse-cdn.com/v4/letter/b/aca169/32.png) [@blokus](https://phaser.discourse.group/u/blokus)\
**Post date:** [April 25, 2021, 1:23pm UTC](https://phaser.discourse.group/t/using-cordova-phonegap-with-phaser-3-and-using-image-not-appearing-in-ios-but-appears-in-browser/9176/4 "2021-04-25T13:23:09Z")

</div>

This is the plugin you need for android:

1. 

```javascript

```

cordova plugin add cordova-plugin-ionic-webview@latest

```javascript
https://github.com/ionic-team/cordova-plugin-ionic-webview

Thank you!!

[quote="bliss, post:3, topic:9176"]

```

cordova plugin add [GitHub - AraHovakimyan/cordova-plugin-wkwebviewxhrfix: Cordova iOS plugin to fix local file access via XHR with WKWebView with Cordova iOS 6+ support.](https://github.com/AraHovakimyan/cordova-plugin-wkwebviewxhrfix)

```javascript
[/quote]
```