Error running template: Error: <Route> is not a valid SSR component.

[Sergeant61]

I'm trying to render ssr using meteor.js + zodern:melte(Package that makes it possible to use svelte in Meteor) + tinro + server-render(Meteor ssr package (not including spa)). I have run the spa application with this combination but I have not had the same success with ssr. I'm having a problem with the tinro package, how should I solve it? when i run it without tinro the app works.

I installed tinro as dev. I also get this error when I install it normally. https://github.com/AlexxNB/tinro/issues/97

spa url: https://github.com/Sergeant61/svelte-app/tree/master ssr url: https://github.com/Sergeant61/svelte-app/tree/ssr

The error I got:

Error running template: Error: <Route> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
    at validate_component (/Users/recepozen/my/svelte-app/node_modules/svelte/internal/index.js:1722:15)
    at /Users/recepozen/my/svelte-app/.meteor/local/build/programs/server/app/app.js:2840:20
    at Object.$$render (/Users/recepozen/my/svelte-app/node_modules/svelte/internal/index.js:1745:22)
    at /Users/recepozen/my/svelte-app/.meteor/local/build/programs/server/app/app.js:2896:69
    at Object.$$render (/Users/recepozen/my/svelte-app/node_modules/svelte/internal/index.js:1745:22)
    at imports/app/user/pages/dashboard/Dashboard.svelte:8:5
    at $$render (/Users/recepozen/my/svelte-app/node_modules/svelte/internal/index.js:1745:22)
    at Object.render (/Users/recepozen/my/svelte-app/node_modules/svelte/internal/index.js:1753:26)
    at server/main.js:12:31
    at packages/server-render/server-register.js:14:19
    at packages/server-render/server.js:28:36
    at /Users/recepozen/.meteor/packages/promise/.0.12.0.zapnn5.2e9tb++os+web.browser+web.browser.legacy+web.cordova/npm/node_modules/meteor-promise/fiber_pool.js:43:40

package.json:

{
  "name": "svelte-app",
  "private": true,
  "scripts": {
    "svelte-check": "svelte-check",
    "start": "meteor --settings settings-local.json --port 5000",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer"
  },
  "dependencies": {
    "@babel/runtime": "^7.15.4",
    "@fortawesome/fontawesome-free": "^5.15.3",
    "@popperjs/core": "^2.6.0",
    "@types/meteor": "^1.4.84",
    "array-query": "^0.1.2",
    "aws-sdk": "^2.909.0",
    "bcrypt": "^5.0.1",
    "body-parser": "^1.19.0",
    "bootstrap": "^5.1.3",
    "chai": "^4.3.4",
    "meteor-node-stubs": "^1.1.0",
    "moment": "^2.29.1",
    "notiflix": "^3.2.2",
    "popper.js": "^1.16.1",
    "simpl-schema": "^1.10.2",
    "slugify": "^1.4.6",
    "svelte": "^3.46.2",
    "sweetalert2": "^11.1.10"
  },
  "meteor": {
    "mainModule": {
      "client": "client/main.js"
    },
    "testModule": "tests/main.js",
    "nodeModules": {
      "recompile": {
        "svelte": [
          "legacy"
        ]
      }
    }
  },
  "devDependencies": {
    "@types/bootstrap": "^5.1.9",
    "eslint-plugin-svelte3": "^3.4.0",
    "svelte-check": "^2.4.3",
    "svelte-preprocess": "^4.10.2",
    "tinro": "^0.6.12",
    "typescript": "^4.5.5"
  },
  "svelte:compiler": {
    "extensions": [
      "svelte",
      "html"
    ],
    "hydratable": true,
    "css": false
  }
}