Not sure if this option is obsolete. Please clarify.

[knightswatch3]

My whole project's migrated to v5 of webpack. But when I am trying to import any libraries in my react code, I get the following:

Field 'browser' doesn't contain a valid alias configuration
/root/Myproj/src/node_modules/react-bootstrap doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/root/Myproj/src/node_modules/react-bootstrap.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
/root/Myproj/src/node_modules/react-bootstrap.json doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
/root/Myproj/src/node_modules/react-bootstrap.wasm doesn't exist
as directory
/root/Myproj/src/node_modules/react-bootstrap doesn't exist

Most of the online resources suggest the fix in the path in resolve and entry-points. But everything looks fine. The code throws the error only when importing them in the my react components.

Eg:

import {Nav} from "react-bootstrap";

[alexander-akait]

Please install react-bootstrap

[knightswatch3]

Ofcourse I did install react-bootstrap and bootstrap. But still I get this error.

[alexander-akait]

Please provide configuration

[knightswatch3]

That is how my configuration is setup.

[sokra]

You have overriden the default resolve.modules configuration, so you basically disabled resolving from node_modules.
Make sure to reference the default with "..." by adding that to the array.