Splunk Dev

getting error on npm run build error on visualization

spammenot66
Contributor

I'm trying to create

I'm following all steps from the custom visualization tutorial. After i enter " npm run build"  on the /opt/splunk/etc/apps/testchart/appserver/static/visualization/testchart folder, it throws the error

ERROR in ./~/xmlhttprequest/lib/XMLHttpRequest.js
Module not found: Error: Cannot resolve module 'child_process' in /opt/splunk/etc/apps/testchart/appserver/static/visualizations/testchart/node_modules/xmlhttprequest/lib
@ ./~/xmlhttprequest/lib/XMLHttpRequest.js 15:12-36

ERROR in ./~/xmlhttprequest/lib/XMLHttpRequest.js

 

any input would be greatly appreciated.
Module not found: Error: Cannot resolve module 'fs' in /opt/splunk/etc/apps/testchart/appserver/static/visualizations/testchart/node_modules/xmlhttprequest/lib
@ ./~/xmlhttprequest/lib/XMLHttpRequest.js 16:9-22

Is this due to code that i've copied incorrectly or something else?

Labels (1)
0 Karma
1 Solution

spammenot66
Contributor

this seems to resolve my issue. 

The true solution to this seems to be to add target: 'node' to your module.exports object in webpack.config.js. At least, that was the solution for me.


 

View solution in original post

0 Karma

spammenot66
Contributor

this seems to resolve my issue. 

The true solution to this seems to be to add target: 'node' to your module.exports object in webpack.config.js. At least, that was the solution for me.


 
0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Splunk introduced persistent queueing at the tcpout layer as one of the most practical resilience features in ...

Build resilience for the agentic era: Join us at Splunk Go San Jose

AI is changing how organizations build, operate, and secure digital services. As teams adopt AI agents and ...

Manage Edge Processor pipelines end to end with APIs

This guide uses the Data Management APIs to create an Edge Processor, onboard one instance, deploy a pipeline ...