Assets not found by Cordova/Phonegap

Question

I have just ported my HTML5 app to Phonegap, that being I had a HTML5 app, and included it in the structure Phonegap requires.

I have a reference to css/js files in the index.html like so:

<link rel="stylesheet" href="css/app.css">
<script src="js/app.js"></script>

When I run "phonegap serve" the site runs fine, exactly the same as it did before - and it finds all the files. When I run "phonegap run ios" the application loads on my device but with no JS or CSS.

Inspecting the app in Safari shows the url of the resources are, for example, file:///css/app.css.

Why is it that when I serve the project it works but not on device?

score 8 · Answer 1 · answered Oct 20 '14 at 13:55

8

I found the answer was that someone had introduced

<base href="/">

and I needed

<base href=".">

answered Oct 20 '14 at 13:55

Ben Taliadoros

7,003
15
60
97

I was using absolute paths (`/js/main.js`) in order to run `php -S 127.0.0.1:9001` for local testing. – mauvm Jul 08 '15 at 08:33
What the hell is base in phonegap#? – Jamie Hutber Nov 27 '17 at 16:37
phonegap uses a webview, this is just a standard html element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base – Ben Taliadoros Nov 27 '17 at 16:38

Assets not found by Cordova/Phonegap

1 Answers1

Linked