WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte. svelte-spa-router@3.3.0

[triadmoko]

Hi, I received a warning like the following, How do I resolve this warning?

file package.json

{
  "name": "app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "@sveltejs/vite-plugin-svelte": "^3.0.0",
    "autoprefixer": "^10.4.16",
    "postcss": "^8.4.32",
    "svelte": "^4.2.3",
    "tailwindcss": "^3.3.6",
    "vite": "^5.0.0"
  },
  "dependencies": {
    "svelte-spa-router": "^3.3.0"
  }
}

[ItalyPaleAle]

I will fix it in 4.0.0 tomorrow

[triadmoko]

cool, I'm really excited to hear that, this working now, thank you

[craigcosmo]

how did you fix that? I got this warning on many packages

[carbogninalberto]

@craigcosmo can you please provide more details like the package.json?

[craigcosmo]

{
    "name": "sveltekit-barcode",
    "version": "2.0.2",
    "description": "A light-weight and high-performance component to generate barcode for Svelte.",
    "author": "Bunlong",
    "license": "MIT",
    "repository": {
        "type": "git",
        "url": "git+https://github.com/Bunlong/svelte-barcode.git"
    },
    "bugs": {
        "url": "https://github.com/Bunlong/svelte-barcode.git/issues"
    },
    "homepage": "https://github.com/Bunlong/svelte-barcode",
    "svelte": "src/index.js",
    "module": "dist/index.mjs",
    "main": "dist/index.js",
    "scripts": {
        "dev": "rollup -c -w",
        "build": "rollup -c",
        "prepublishOnly": "npm run build"
    },
    "devDependencies": {
        "@rollup/plugin-commonjs": "^18.0.0",
        "@rollup/plugin-node-resolve": "^9.0.0",
        "rollup": "^2.0.0",
        "rollup-plugin-svelte": "^6.0.0",
        "svelte": "^3.0.0"
    },
    "keywords": [
        "svelte",
        "svelte-barcode",
        "barcode"
    ],
    "files": [
        "src",
        "dist"
    ],
    "dependencies": {
        "jsbarcode": "^3.11.3"
    }
}

[userquin]

In this repo ./Router.svelte should be added to the package exports:

  "exports": {
    "./Router.svelte": {
      "types": "./Router.d.ts",
      "svelte": "./Router.svelte"
    },
    ".": {
      "types": "./Router.d.ts",
      "svelte": "./Router.svelte"
    }
  }

[craigcosmo]

I do that and publish, I got this error in my code

Cannot find module 'sveltekit-barcode' or its corresponding type declarations

[craigcosmo]

I just create a new svelte kit library from npx create-app command and re-make the package from scratch, it works now.