Javascriptservices: ag grid angular 2 - prerendering issues

[ibrahim978976]

An unhandled exception occurred while processing the request.
Exception: Call to Node module failed with error: Prerendering failed because of error: ReferenceError: HTMLElement is not defined
at Object. (G:\RTS 3.3\RTS3.20\RTS3.17\RTS\RTS\node_modules\ag-grid\dist\lib\filter\baseFilter.js:174:31)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object. (G:\RTS 3.3\RTS3.20\RTS3.17\RTS\RTS\node_modules\ag-grid\dist\lib\filter\textFilter.js:29:20)
at Module._compile (module.js:571:32)
Current directory is: G:\RTS 3.3\RTS3.20\RTS3.17\RTS\RTS

[ibrahim978976]

Pls give me a solution ASAP

[MarkPieszak]

The Ag-grid library isn't compatible with Universal, meaning it doesn't Render on the server.
https://github.com/ceolter/ag-grid/issues/699

You can see from the Author that he has no intention of supporting it :(

You'll have to pick a component library is compatible with server renders, or disable that option in your application by removing the below attribute from your Views/Home/Index.cshtml view.

<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>

<!-- change it to -->
<app>Loading...</app>

[ibrahim978976]

Thanks!
But now i can only see this Loading... when i run my app...
i don't have a idea to run my application with ag-grid.Please suggest now i what i need to do to run my application with ag-grid

[ADefWebserver]

Run your app in the Chrome web browser
Hit F12 to open the debug window
Click the console tab
Post any errors you see.

[SteveSandersonMS]

This seems to be a support question about Angular and "ag-grid", so I'd recommend taking the discussion to one of those communities. Hope that's OK!

[ibrahim978976]

@ADefWebserver when i console in browser show me like this------->

indigo-pink.css Failed to load resource: the server responded with a status of 404 (Not Found)
vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:194 Uncaught TypeError: e.map is not a function
at t.parameters (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:51:9625)
at e.parameters (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:51:12892)
at t.getDependenciesMetadata (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:28037)
at t.getTypeMetadata (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:27367)
at http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:29672
at Array.forEach (native)
at t.getProvidersMetadata (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:29048)
at http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:23178
at Array.forEach (native)
at t.getNgModuleMetadata (http://localhost:8552/dist/vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:120:23065)
vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:194 Uncaught TypeError: $(...).tooltip is not a function
at HTMLDocument. (app.min.js:13)
at i (jquery-2.2.3.min.js:2)
at Object.fireWith [as resolveWith] (jquery-2.2.3.min.js:2)
at Function.ready (jquery-2.2.3.min.js:2)
at HTMLDocument.J (jquery-2.2.3.min.js:2)
at t.invokeTask (vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:194)
at n.runTask (vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:194)
at HTMLDocument.invoke (vendor.js?v=TGSZQY31mBfI_2SPne1ZYfsaftAmyBT5_BO0w1wu4bo:194)
main-client.js:660 [HMR] connected