Error: <svg> attribute viewbox: Expected number, ...

See original GitHub issue

I am using VueJS to create a single page app. I get the following console error (Chrome and Edge, haven’t tried other browsers):

image

Here’s my code: script section: mounted() { const anno = new Annotorious({ image: this.photo.id }) // Attach listeners to handle annotation events anno.on('createAnnotation', function(annotation) { console.log('Created!', annotation) })

template section: <img :src="photo.url" :id="photo.id" :alt="photo.title" />

I should mention that it does work, it’s just that I get that console error. It’s possible that the DOM hasn’t been fully rendered. Here’s the debug info:

image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
rsimoncommented, Aug 13, 2022

Thanks that’s excellent 🙏 I’ll add that to the project website as a guide if I may!

1reaction
dosstxcommented, Jun 24, 2020

@rsimon I will definitely submit something for you as a thanks for making this wonderful library. I am actually using VueJS with Firebase and your Firebase guide was timely. VueJS + Firebase is such a wonderful pairing.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error: <svg> attribute viewBox: Expected number, "0 0.. #20
Setting up as per the example and getting: Error: attribute viewBox: Expected number, "0 0 undefined undefi… Any ideas?
Read more >
Using lottie-react-web, Im getting the following console error ...
Using lottie-react-web, Im getting the following console error: <svg> attribute viewBox: Expected number, "0 0 undefined undefined.
Read more >
<svg> attribute viewBox: Expected number, "0 0 NaN NaN".
The result was alright and the SVG was updated (redrawn), but this error is strange. Any idea why did it happen? Stacktrace is...
Read more >
Error: <svg> attribute viewBox: Unexpected end of attribute ...
Error : <svg> attribute viewBox: Unexpected end of attribute. Expected number, "" I'm getting the above error and I don't know why. I'm...
Read more >
Mermaid drawings not rendering due to "<svg> attribute ...
An error occurred while fetching the assigned epic of the selected issue ... not rendering due to "<svg> attribute viewBox: Expected number, ...
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