angular app can't find a dependency in angular.json scripts

611 Views Asked by At

I have an external loader animation dependency installed in node modules. When i run it on local everything works fine but after deploying the app i get that the script for this module is not found ("GET /lottie-player.js.map" Error (404): "Not found")

angular.json

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": [
              "src/favicon.ico",
              "src/assets",
              "src/assets/i18n"
            ],
            "styles": [
              "src/styles.scss"
            ],
            "scripts": [
              "./node_modules/@lottiefiles/lottie-player/dist/lottie-player.js"
            ]
          },

scripts.js (in dist folder)

{
  "version":3,
  "sources":["node_modules/@lottiefiles/lottie-player/dist/lottie-player.js"],   // error thrown is that it can't get lottie-player.js
  "names":[],
  "mappings"
}

Is there any other of way of adding scripts?

0

There are 0 best solutions below