Static images not loading from assets library

I am trying to load the images from shared assets library in to stories i created with libraries in Nx workspace. I have made necessary changes for that. but images loading in images.

my Main.js

staticDirs: [{ from: "../../../libs/shared/assets/src/lib/images/", to:'./assets/images/' }],

on complier I am getting the following information:

info => Serving static files from ./.\libs\shared\assets\src\lib\images\ at /.\assets\images

But stories on browser: Loaded with no image. Please help.

[mrtcntn]

You should be able to do this directly from your project.json

There’s an assets option that allows you to specify different locations for your assets. Have you tried that?

I have the setup you described, linking my assets like this in my Next.js app’s project.json:

"build": {
      "executor": "@nrwl/next:build",
      "outputs": ["{options.outputPath}"],
      "defaultConfiguration": "production",
      "options": {
        "root": "apps/app",
        "outputPath": "dist/apps/app",
        "assets": [
          {
            "input": "libs/ui/static",
            "glob": "**/*",
            "output": ""
          },
          {
            "input": "libs/ui/icons/assets",
            "glob": "**/*",
            "output": "assets/icons"
          }
        ]
      },
      "configurations": {
        "production": {},
        "development": {}
      }
    }

Where I have the assets at libs/ui/icons/assets and trying to load my assets using <img src="/assets/icons/icon.png">. This setup worked fine in previous versions but crashed with 15.5.4. In #11431 I saw this comment. Updating copy-webpack-plugin might have changed the previous behavior.

[github-actions[bot]]

This issue has been automatically marked as stale because it hasn’t had any recent activity. It will be closed in 14 days if no further activity occurs. If we missed this issue please reply to keep it active. Thanks for being a part of the Nx community! 🙏