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

Question

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 .

I also have this error using another framework (Quasar/Vue) and build a production app for Android. On my Samsung A41 this problem does not occur, but does occur on my Samsung A3 — A.W., Mar 30 '21 at 09:07

score 83 · Accepted Answer · answered Jan 08 '17 at 11:49

83

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

answered Jan 08 '17 at 11:49

Haddar Macdasi

3,477
8
37
59

Worked but i had to top the value to 100000, guess this phone is too old for this sh*t! – konzo Aug 25 '17 at 06:34
2

after adding must rebuild `ionic cordova build android` – Kishore Jethava Jul 04 '18 at 11:04
2

before using that solution make sure you first try solution here https://stackoverflow.com/a/48105757/448816 (use `--prod` flag when building project) – mikhail-t Oct 12 '18 at 21:46
It works, but could you explain what ir does mean exactelly? – Slimane MEHARZI Feb 19 '19 at 10:17
https://onezeronull.com/2013/08/09/increasing-loadurltimeoutvalue-to-avoid-connection-to-server-was-unsuccessful-error/ check this @SlimaneMEHARZI – buggy_coder Jul 23 '21 at 15:06

score 12 · Answer 2 · answered Jan 05 '18 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.

score 3 · Answer 3 · answered Feb 06 '18 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");

    }
}

score 3 · Answer 4 · answered Sep 06 '18 at 03:53

3

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

answered Sep 06 '18 at 03:53

ken

3,897
3
22
28

score 2 · Answer 5 · answered Sep 12 '17 at 11:49

2

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

answered Sep 12 '17 at 11:49

Zaza

406
9
18

score 0 · Answer 6 · answered Oct 18 '17 at 21:21

0

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.

answered Oct 18 '17 at 21:21

MD.Riyaz

412
3
9

That works when you are using --livereload parameter – Nourdine Alouane Mar 16 '18 at 18:09

score -1 · Answer 7 · edited Apr 13 '17 at 15:08

-1

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!

edited Apr 13 '17 at 15:08

Ahmed Ghoneim

6,834
9
49
79

answered Apr 13 '17 at 14:42

G. Fersan

31
1

OMG what you want to achieve here? Where `main.html` is defined that it will be the first to load instead of `index.html` – fWd82 May 03 '17 at 09:43
3

I got the error net:ERR_FILE_NOT_FOUND for main.html – Boniface Pereira Jun 18 '17 at 05:41
It is not working .!!!!. Application Error. FILE_NOT_FOUND Error occurs. ? – Dr. X Aug 27 '17 at 13:34
whats the point change one html page to another? it's just url that picked up in MainActivity.java! – Konstantin Jul 31 '23 at 08:53

score -6 · Answer 8 · edited Jun 28 '17 at 20:14

-6

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)

edited Jun 28 '17 at 20:14

SiKing

10,003
10
39
90

answered Jun 27 '17 at 22:24

Cristian Ahumada

11

1

This doesn't seem like an answer. Can you provide some more details ? – The Hungry Dictator Jun 28 '17 at 05:28

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

8 Answers8

Linked