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.

<g-link /> components not opening new pages

See original GitHub issue

Description

I am linking to different parts of my site using the <g-link /> component, which works correctly on my local environment. After building my website onto Netlify, the URL updates when the link is clicked but the site does not re-render with the new page.

Netlify link

Github link

Screen Shot 2019-03-30 at 19 00 17 g-link components that are failing

Steps to reproduce

Go to https://festive-knuth-ff5273.netlify.com/ and try and click on any of the Bookbinder Writer, or Artist links. The path will update to something like https://festive-knuth-ff5273.netlify.com/writing/, but the page will not update unless you refresh the browser.

Expected result

The site should re-render with the new page.

Actual result

Only the path changes in the browser.

What happened.

Environment

Libs:

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

8reactions
hacknugcommented, Sep 9, 2019

@LukeXF paragraphs can only hold phrasing content according to the spec. What would happen here is that you’d have all kinds of things nested inside the paragraph which wouldn’t be valid HTML.

5reactions
hjvedvikcommented, Mar 30, 2019

Try change this line into a div element and see if it helps.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Linking - Gridsome
#Linking. The <g-link> component is available globally in all your Pages, Templates & Components. It's a wrapper for router-link from Vue Router.
Read more >
angular - Links are not working in new tab or new window
I can browse all the links, pages or components from base url but not able to open a url like "http://localhost:4200/home/dashboard" in new...
Read more >
Link | Components - BootstrapVue
Property. (Click to sort ascending) Type. (Click to sort ascending) Default active Boolean false active‑class String append Boolean false
Read more >
One Link Component To Rule Them All - — lihbr
Basically, what all those link components are providing is client-side routing. This is also known as "not hard reloading the page when ...
Read more >
Open Markdown links in a new tab doesn't work as expected
Same with Text components not inside a List View. To clarify - the links are to other Apps within Retool, not external links....
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 Reddit Thread

No results found

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