jonasjs / svelte-qrcode Goto Github PK

On the demo site, try setting the padding to 15 and the QrCode will render with uneven padding

example => https://prop.to/mB2v1tMliJ/1

I'm thinking this might be specific to QRious, but don't have much more time to investigate

Getting Uncaught (in promise) SyntaxError: The requested module '/node_modules/svelte-qrcode/src/lib/qrcode/index.js' does not provide an export named 'default'

I get this warning when using the library:

[vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.

[email protected]

Hi, I have the following error when importing QrCode from "svelte-qr"

I am using vite/svelte and keep on giving me the error that it could not find a declaration file for module 'svelte-qrcode' even when installed in my package.json

my simple code:
script

<style global lang="postcss">
  .qrcode {
    position:relative
    }
  .scale-20 {
      --tw-scale-x: .2;
      --tw-scale-y: .2;
    }
</style>

<script lang="ts">
  import QrCode from "svelte-qrcode"
  export let name: string;
  let  WxH:number = 400
</script>

<template>

  <div class="relative">
    <!-- <div class="square relative"></div> -->
    <QrCode value="https://github.com/JonasJs/svelte-qrcode/blob/master/src/lib/qrcode/index.js" errorCorrection="H" size={WxH} class="relative"/>

  </div>
</template>

When trying to use your library i get the following error:

Cannot set properties of undefined (setting 'QRious')
TypeError: Cannot set properties of undefined (setting 'QRious')
    at /node_modules/svelte-qrcode/src/lib/qrcode/index.js:22:20
    at /node_modules/svelte-qrcode/src/lib/qrcode/index.js:23:4

I am running sveltekit next with svelte version ^3.49.0 on vite ^3.0.7

I am trying to install this package and get the following errors. I have used this package successfully before.

npm ERR! Cannot read properties of null (reading 'matches')

also my error window read the following:

Cannot set properties of undefined (setting 'QRious')

Currently using "svelte": "^5.0.0-next.1", "@sveltejs/kit": "^2.0.0"
Thanks for your time!

cannot change eye shape and eye shape color

It's not a huge thing, but would it somehow be possible to support server-side rendering?

Trying to add QrCode into my Svelte app

I've put everything like in the example

but got this error:
[vite] Error when evaluating SSR module /src/components/UserLockers.svelte: failed to import "/node_modules/svelte-qrcode/src/lib/index.svelte" |- TypeError: Cannot set properties of undefined (setting 'QRious')

Uncaught (in promise) SyntaxError: The requested module '/node_modules/svelte-qrcode/src/lib/qrcode/index.js' does not provide an export named 'default'

Any chance of adding

export function getImage() {
  return image;
}

My use case is the user needs to be able to copy the QRCode image & paste it into an email.

When changing value of the QrCode component, the qrcode image does not change.
Here is a sample REPL to reproduce :
qrcode not changing

I added a QR code to the page that corresponds to contact, but whenever I hit refresh i get 500 internal error.

In my terminal highlighted in red I get:
Internal server error: Cannot set properties of undefined (setting 'QRious')

Aside from that your project is awesome man! thank you so much