Could not find module entry with specifier "garden/app

[mirhossain8248]

'0': { description: { category: 'lwrUnresolvable/module', advice: [], message: '404: Could not find module entry with specifier "garden/app"' } }, length: 1 } [error] DiagnosticsError: 404: Could not find module entry with specifier "garden/app"

here's the config file:

{
    "lwc": {
      "modules": [
        {
          "dir": "./.garden/components",
          "namespace": "garden"
        },
        {
          "dir": "./force-app/main/default/lwc",
          "namespace": "c"
        }
      ]
    },
    "routes": [
      {
        "id": "app",
        "path": "/",
        "rootComponent": "garden/app",
        "layoutTemplate": "./.garden/layouts/index.html",
        "bootstrap": {
          "syntheticShadow": true
        }
      }
    ]
  }
  

Getting this error after trying to open the local host link, double checked and I do have the app file in the garden directory. Anything else I should be looking out for?

[lukethacoder]

Have you got an example repo to share?

What operating system and lwc-garden/core version are you using?

[mirhossain8248]

Here's the example repo:
https://github.com/mirhossain8248/LWC-Garden-Test

OS: Windows 11
lwc-garden version: not sure I ran through the documentation, I assume I have the most recent one as of Friday (03/12/2024)

[lukethacoder]

Looks like you're missing a few packages and config. I'll update the documentation site shortly to make things a bit more clear.

Here is a live working example if you need something to compare against:
https://stackblitz.com/edit/lwc-garden-minimal-config?file=lwr.config.json

Looks like you are missing 2 key things:

1. missing @lukethacoder/lwc-module-resolver and @lukethacoder/lwrjs-lwc-module-provider packages

These handle the bespoke LWC module config. Can learn more about it here.

2. Missing the moduleProviders config in lwr.config.json

{
  "lwc": {
    "modules": [
      {
        "dir": "./.garden/components",
        "namespace": "garden"
      },
      {
        "dir": "./force-app/main/default/lwc",
        "namespace": "c"
      }
    ]
  },
  "moduleProviders": [
    "@lwrjs/label-module-provider",
    "@lwrjs/app-service/moduleProvider",
    "@lukethacoder/lwrjs-lwc-module-provider",
    "@lwrjs/npm-module-provider"
  ],
  "routes": [
    {
      "id": "app",
      "path": "/",
      "rootComponent": "garden/app",
      "layoutTemplate": "./.garden/layouts/index.html",
      "bootstrap": {
        "syntheticShadow": true
      }
    }
  ]
}

---

I can see you're trying to use lightning too. The above fixes will fix the core local dev server, but you will need a bit more config to get lightning-base-components working.

Checkout the documentation and the live example to get them working.

[mirhossain8248]

Thank you! I'll try these out when I get some time!