Code Monkey home page Code Monkey logo

Comments (5)

sysmat avatar sysmat commented on May 24, 2024

I redefine route but still getting error:

{
        path: "/photos/:id(\\d+)",
        name: "PHOTOS",
        component: Photos,
        props: route => {
          return {
            id: route.params.id
          };
        }
      }

from svelte-router.

davidhorak avatar davidhorak commented on May 24, 2024

@sysmat just to double check:

  1. You have a type here {{ name: 'Photos', parms: { id: photoId } }} parms
  2. Are you using the latest version of the router? v1.0.16 has introduces the automatic number props parsing

from svelte-router.

sysmat avatar sysmat commented on May 24, 2024

Yes I have

"devDependencies": {
    "@spaceavocado/svelte-router": "^1.0.16",
...

error:

svelte-router/link, invalid route parameters, :TypeError: Expected "id" to be a string

// Resolve route object to URL
  $: {
    if (tc.isObject(to)) {
      try {
        to = $router.routeURL(to);
      } catch (e) {
        console.error(`svelte-router/link, ${e.message}`);
        to = '';
      }
    }
    matchUrl = trimPrefix(to, $router.basename);
  }


from svelte-router.

sysmat avatar sysmat commented on May 24, 2024
  • Error in console is when app is loaded(error in createRouter )
  • I'm using rollup
  • So in this definition id is path parameter
  • Is it possible to have query parameters?

from svelte-router.

davidhorak avatar davidhorak commented on May 24, 2024

@sysmat so what what about the first question:

You have a type here {{ name: 'Photos', parms: { id: photoId } }} parms

= misspelled params, "parms"

Is it possible to have query parameters?

Yes, https://github.com/spaceavocado/svelte-router#location-object

from svelte-router.

Related Issues (16)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.