Control-panel in Angular app

[SUlbrichA]

Hi

I'm using control-panel in an angular application in a component using Three.js
I get the following error on the console:

core.js:1448 ERROR TypeError: fs.readFileSync is not a function at new Plate (index.js:29) at Plate (index.js:15)

Any advice how to resolve this?

Best
stefan

[rreusser]

I believe it requires the brfs transform (short for "browserify-fs) in order to work. If using browserify it happens automatically based on these lines in this module's package.json, but if you're using webpack, for example, you'll need something like ify-loader in order to apply them. (transform-loader always sounds tempting, but I recall that being a different sort of thing.)

If you're using webpack, here's a writeup from when I had to work through this with plotly.js and a very similar set of concerns. We did manage to get it working! I think this is the line that'll apply it, but let me know if that's not the case.

[cornhundred]

Thanks @rreusser. I was able to get control-panel working with webpack (same issue as #21) . Here's my package.json and webpack.config

[ghost]

Thanks, can confirm this solution worked for me as well!