Can't use @elastic/apm-rum-core with Angularjs

Elastic Observability APM
1

I'm getting build error when trying to use @elastic/apm-rum-core 5.0.0 with Angularjs. There is also an issue with @elastic/apm-rum-core 4.0.0

Kibana version: 7.5.0

Elasticsearch version:7.5.0

APM Server version: 7.5.0

Is there anything special in your setup?
package.json

 "@uirouter/angularjs": "~0.3.0",
  "angular": "~1.7.*",

webpack.config.js

  resolve: {
    extensions: [ '.ts', '.js', '.css' ],
    modules: [
      path.resolve('./src'),
      path.resolve('./src/components'),
      path.resolve('./src/common/directives'),
      path.resolve('./src/common/components'),
      path.resolve('./node_modules')
    ]
  },
  optimization: {
    splitChunks: {
     cacheGroups: {
        vendor: {
          chunks: 'all',
          name: 'vendor',
          test: /[\\/]node_modules[\\/]/,
          filename: 'js/vendor.[hash].js',
          enforce: true
        },
      },
    },
  },

Provide logs and/or server output (if relevant):
image

Is there a way to use @elastic/apm-rum-core with Angularjs?

2

Hi @akosanovic,

I am not sure not you ended up with a version of @elastic/apm-rum-core that is not released yet. Because we recently removed the package uuid/lib/rng-browser and rolled our own to reduce bundle size which is part of this PR - https://github.com/elastic/apm-agent-rum-js/pull/705

But as I mentioned, we have not released it yet so this issue is heavily unlikely to see it. Could you please have a look at the setup and check what version of @elastic/apm-rum-core and @elastic/apm-rum-angular you are using? I feel like this might be a symlink issue or using master branch instead.

Please do let me know what you see in your lockfiles as well.

Thanks,
Vignesh

3

Hi @vigneshshanmugam,

Thank you for your response,

I'm not using @elastic/apm-rum-angular only apm-rum-core as there is no support for AngularJS framework

Only use this package if you want to implement integration for a framework that Elastic APM does not support yet.

And npm i @elastic/apm-rum is giving me a loader error which doesn't exist normally

ERROR in ./src/sass/app.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js!./src/sass/app.scss)
4

@akosanovic

We do have an integration with Angular Angular integration | APM Real User Monitoring JavaScript Agent Reference [5.x] | Elastic. Not for the old AngularJS though.

And npm i @elastic/apm-rum is giving me a loader error which doesn't exist normally

This error does not seem to be coming from the package, Instead its from your application.

Could you see whether @elastic/apm-rum-core package is depending on uuid/lib/rng-browser in your node_modules directory?

Thanks,
Vignesh

5

Hi @vigneshh,

stic/apm-rum-core has uuid dependency but not uuid/lib/rng-browser specifically

package-lock.json

    "@elastic/apm-rum": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/@elastic/apm-rum/-/apm-rum-5.0.0.tgz",
      "integrity": "sha512-O2jay9qS5nzeYrGN4vdC1aH939CVgxxAY6wza4M35xTqqQ9xsEiVeyagaiDHbeT/vlzJDGPxFCIUg87qV4a7oA==",
      "requires": {
        "@elastic/apm-rum-core": "^5.0.0"
      }
    },
    "@elastic/apm-rum-core": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/@elastic/apm-rum-core/-/apm-rum-core-5.0.0.tgz",
      "integrity": "sha512-BQ4kiGQTdAL+F0ssPUWn9jgXuJDKMyqFyA7R8f+2cvX6Kd6yUZqs/MpMtEGvTNov1jRle0IGhfjg/uXN9zPQ6Q==",
      "requires": {
        "error-stack-parser": "^1.3.5",
        "opentracing": "^0.14.3",
        "promise-polyfill": "^8.1.3",
        "uuid": "^3.1.0"
      },
      "dependencies": {
        "uuid": {
          "version": "3.4.0",
          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
        }
      }
    },
6

@akosanovic

That indeed seems to be correct. Can you force reinstall and try webpack build again? I tried installing 5.0.0 version myself in a new project and it seems to work as expected.

If it still exists, Could you create a test repository and point me to it. Would be easier to figure out whats happening.

Thanks,
Vignesh