Zone Already loaded Angular 6.1.0 // ngx-datatable 13.1.0

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior Angular SSR --> npm run serve:ssr --> “Zone already loaded”

Expected behavior it should compile and run without an issue

Reproduction of the problem run npm run serve:ssr on an SSR build

What is the motivation / use case for changing the behavior?

This will work on SSR Angular applications

Please tell us about your environment:

Windows, Mac, WebStorm, Express, Node (least)

• Table version:

13.1.0

• Angular version: 6.1.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

ALL

• Language: [all | TypeScript X.X | ES6/7 | ES5] TypeScript 2.7.2

[smitha272]

@moshejs @Frosty1604 I am facing this issue as well. I tried upgrading/downgrading ngx-datatable and changing webpack.config.js.

I have a question though, Are either of your applications a Angular Hybrid Application? (Angular 5 and Angularjs used together)?

@amcdnl Can there be a reason to see this error because of using ngx-datatable in a hybrid application? I see issue #1098 that looks similar, and it is open. That’s why wondering.

Really appreciate any help regarding this. TIA!

[Frosty1604]

Thanks but this didn’t help neither. I saw another way to handle this error. You can download the package webpack-node-externals and then in the webpack.server.config.js: const nodeExternals = require('webpack-node-externals');

module.exports = {
    entry: { server: './server.ts' },
    resolve: { extensions: ['.js', '.ts'] },
    target: 'node',
    mode: 'none',
    externals: [nodeExternals()], // change this to nodeExternals()
    output: {
        path: path.join(__dirname, 'dist'),
        filename: '[name].js'
    },