How to fix the connection to the server was unsuccessful. (file ///android_asset/www/index.html)

Question

How to fix the connection to the server was unsuccessful. (file ///android_asset/www/index.html)

55.6k views Asked by Haddar Macdasi At 05 January 2017 at 14:18

I've added material icons to ionic2 app , and since then I get error ""The connection to the server was unsuccessful. (file:///android_asset/www/index.html)"" although the css and fonts file of MaterialIcons are in the assets folder (I've install it locally) there is no call to "https://fonts.googleapis.com/icon?family=Material+Icons" what can I do ? Can I fix it or know why the timeout suddenly .

Original Q&A

There are 8 answers

Zaza On 12 September 2017 at 11:49

Please check your device version ionic not properly work on android < 4.4.4 version you could try this above 4 version if you want to work with 4.* version you could install cordova-crosswalk plugin

Shadoworker On 05 January 2018 at 00:55

Adding that ...value="70000" or "60000" line in config.xml isn't the best solution and it doesn't always work nor the creation of main.html file .

I was dealing with the same issue. These two solutions did not work for me.

SOLUTION

-Make sure you build with

ionic cordova build --prod and not ionic cordova build

-Check if one of your file or folder name doesn't contain Uppercase in it's context before building

like for example in "pages"

templateView (instead of "templateview)
- -templateview.ts
- -templateview.html
- -templateview.scss

and rename it (otherwise you will have errors)

When building finished, your app runs correctly without the "(file:///android_asset/www/index.html)" error.

Cristian Ahumada On 27 June 2017 at 22:24

I add plugin:

cordova plugin add cordova-plugin-crosswalk-webview

then,

ionic cordova platform rm android
ionic cordova platform add android
ionic cordova build android (or Run)

ken On 06 September 2018 at 03:53

Just need to also make sure that your mobile device is connected to the same wifi as your computer.

MD.Riyaz On 18 October 2017 at 21:21

So I added manually the following tags in config.xml right at the beginning:

<allow-navigation href="*" />
<content src=“index.html” />
<content original-src=“index.html” />

it’s working.

G. Fersan On 13 April 2017 at 14:42

1- Rename your index.html to “main.html”

2- Create a new “index.html” and put the following content into it:

<!doctype html>
<html>
  <head>
   <title>tittle</title>
   <script>
     window.location='./main.html';
   </script>
  <body>
  </body>
</html>

3- Rebuild your app! No more errors!

Balaji On 06 February 2018 at 06:09

As of now above solutions will work but the app will take time to load, instead of that you can simply add below in your MainActivity.java super.loadUrl("file:///android_asset/www/index.html");

In MainActivity.java you have to comment below code loadUrl(launchUrl);

public class MainActivity extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        // enable Cordova apps to be started in the background
        Bundle extras = getIntent().getExtras();
        if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
            moveTaskToBack(true);
        }

        // Set by <content src="index.html" /> in config.xml
        //loadUrl(launchUrl);
        super.loadUrl("file:///android_asset/www/index.html");

    }
}

**Haddar Macdasi** · Accepted Answer · 2017-01-08 11:49:11

Haddar Macdasi On 08 January 2017 at 11:49 BEST ANSWER

Add <preference name="loadUrlTimeoutValue" value="60000" /> To config.xml

TechQA.

How to fix the connection to the server was unsuccessful. (file ///android_asset/www/index.html)

There are 8 answers

Related Questions in IONIC2

Related Questions in IONIC3

Popular Questions

Popular Tags

Trending Questions