webpack | 整理 webpack 各种打包方案 & 插件用法 | Plugin library

I ran this older 10.0.1 angular project today, and it told me it had a lot of low vulnerabilities and a few high ones. so i ran npm audit fix to fix them. but now when I try to run it, it gives me these errors:

I ran bundle update rails and got this. I'm stumped. If activerecord-session_store 2.0 depends on a version of actionpack between 5.2.4.1 and above, and if actionpack is a dependency of Rails 6, shouldn't this be ok?

I am trying to use pkcs11js in an electron app created with electron-forge using webpack template.

But I got the error

Im using Typescript, Electron, Webpack and NodeJS to make a webapp but for some reason the import/export isnt working properly.

The error im receiving is:

"Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."

Ive tripled checked my imports and exports and the component is still undefined when its called.

Console.Log Output of appView.tsx imported component:

File Structure:

I encountered a permission error while trying to build a docker container in a React app.
I tried to make use of the community answers, but didn't help.
Following related discussion I tried:

• I get the current user: id -un
• tried this: sudo chown -R myUser:myUser /usr/local/lib/node_modules
• this also threw the same error: sudo chown -R ownerName: /usr/local/lib/node_modules
• same with this: sudo chown -R $USER /usr/local/lib/node_modules
• adding a user didn't help: sudo chown -R $USER /app/node_modules
• tried to give permission installing this: sudo npm install -g --unsafe-perm=true --allow-root
• another try was to remove node_modules and install specifying sudo: sudo npm install

Adding this to docker-compose file, didn't help either:

I coded my library which add Class to global window object:

I'm trying to locally build the oodt_fm_plugin NPM package and link it locally to the oodt_opsui_sample_app. However, when I'm trying to do that, the following error is thrown in the browser.

Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

The error goes away if I remove the withStyles HOC from the components in oodt_fm_plugin, but I want to preserve it for the material UI styles.

React components in the oodt_fm_plugin have been exported as follows. ( This plugin can be viewed at https://github.com/apache/oodt/tree/development/react-components/oodt_fm_plugin. )

export default withStyles(styles)(Product);

What I tried to overcome this are as follows, but none of those solved the issue.

1. Making react and react-dom packages in the plugin, dev dependencies
2. Adding the following snippet to the webpack.config.js of the plugin.

I file A I have:

I am pretty sure it is all about the version of WebPack I use ("webpack-cli": "3.3.11") but I want to be sure I am right before going on another journey of debugging for upgrading WebPack (I tried to upgrade it to 5 but it does not work without a config file, I am just stretching the limit against the read-the-manual instruction).

In the tsconfig.base.js I have this: