Error: Only absolute urls are supported

Hello, i get this error when i am trying this:

 path: '/news',

  children: [
    {
      path: '/',
      action() {
        return {
          component: <Layout><News /></Layout>,
        };
      }
    },
    {*/
      path: '*',
      async action({ path, store }) {
        try {
          await store.dispatch(loadSelectedNews({ path }));
          debugger
          const data = store.getState().selectedNews;
          return {
            component: <Layout><Content content={data} /></Layout>,
          };
        } catch (e) {
          throw new Error(e);
        }
    },
 },]
};

Is this error because i am using dynamic path as nested of parent /news?

[frenzzy]

Do you have import fetch from '../../core/fetch'; at the top of this file?

This module uses whatwg-fetch and node-fetch polyfills on client and server side respectively.

Protocol and hostname should be always specified in the url for node-fetch, and our isomorphic src/core/fetch module resolves this problem, just use it instead of whatwg-fetch/node-fetch or isomorphic-fetch.

[frenzzy]

No, nested wildcard routes e.g. { path: ‘*’, … } should work fine. Playground: https://jsfiddle.net/frenzzy/220eq2sv/

But need to remember that path inside action method is relative to the parent route:

const routes = [
  {
    path: '/one',
    action({ path }) {
      console.log(path); // => /one
    },
  },
  {
    path: '/two',
    children: [
      {
        path: '/',
        action({ path }) {
          console.log(path); // => / (not /two/)
        },
      },
      {
        path: '/three',
        action({ path }) {
          console.log(path); // => /three (not /two/three)
        },
      },
    ],
  },
];

Also need to remember about url encoding:

// window.location.pathname or req.path in express example
const location = new URL('/café');
console.log(location.pathname); // => /caf%C3%A9

const routes = [
  {
    path: '*',
    action({ path, params }) {
      console.log(path); // => /caf%C3%A9
      console.log(params); // => {}
    },
  },
  {
    path: '/:any*',
    action({ path, params }) {
      console.log(path); // => /caf%C3%A9
      console.log(params); // => { any: 'café' }
    },
  },
];

And if you need the original url inside your action method, you can pass it down via router:

UniversalRouter.resolve(routes, {
  path: location.pathname, // or req.path for express
  originalUrl: location.pathname, // or req.path for express
});

const routes = { path: '/one', children: [
  { path: '/two', action({ path, originalUrl }) {
    console.log(path);        // => '/two'
    console.log(originalUrl); // => '/one/two'
  } },
] };

looks like in your example loadSelectedNews() throws an error, so need to exactly know what this function expects, can you provide an example?