question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

manifest.json <link hrefs> turn into [object Object]

See original GitHub issue

(Using 0.4.0)

If I add this: <link rel="manifest" href="./src/manifest.json">

It turns into this in dev: <link rel="manifest" href="[object Object]">

And into this after build: <link rel="manifest" href="[object" object]="">

(Found a few issues talking about serving manifest.json but nothing that specifically mentions this happening.)

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:14 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
GillesDebunnecommented, Sep 9, 2016

I have a related problem when trying to fully implement a favicon for my site. I’m following the recommandations from http://realfavicongenerator.net, which aim at providing a nice site icon for browsers, but also when the web site is pinned on a mobile home screen (for PWA).

Using <link rel="icon" href="./src/path/icon.png">, one can easily define a custom favicon for desktop and iOS.

Android however relies on the manifest file referenced in this issue. This file itself needs to reference a relative path to the Android home screen icon. Ideally, webpack should add this icon in the build folder, and its path should be updated in the manifest file.

Finally, IE/Edge relies on a browserconfig.xml file located at the root of the web site, which references the MS tile site’s icon, in a way similar to the manifest above.

Check the RFG FAQ for details.

1reaction
gaearoncommented, Sep 23, 2016

This is now supported in 0.5.0.

Read about using the new public folder.

See also migration instructions and breaking changes in 0.5.0.

Read more comments on GitHub >

github_iconTop Results From Across the Web

dynamically update href/src attributes from manifest json
It looks like you're trying to externalize your JavaScript and CSS so you can change them outside of your app without having to...
Read more >
Web Application Manifest - W3C
This specification defines a JSON-based file format that provides developers with a centralized place to put metadata associated with a web ...
Read more >
Add a web app manifest
The web app manifest is a simple JSON file that tells the browser about your web ... The icons property is an array...
Read more >
How to Setup Your Web App Manifest Dynamically Using ...
Set href attribute using a URL: 2. Use a JSON object to set your manifest. Both ways work.
Read more >
manifest.json - Overwolf
json file. manifest.json with fields summary​. The following code shows supported manifest fields for Overwolf apps, with links to the section ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found