How to make webpack find files outside of folders?

Question

JavaScript

I'm trying to reach out from a component that is three levels below the tree, but the browser swears that the required file is not there.
Tree:
components/catalog/DesiredComponent.js
components/ui/nav/I'mHere.js Tried many options with two dots, slashes, etc. The result hasn't changed. babel-loader is present. What could be the problem?
import НужныйКомпонент from '.../catalog';

Answer 1

All we had to do was change the destination. Let's say if the file is two levels ahead.
'.../catalog' ---> '../../catalog'

Answer 2

import RequiredComponent from '../../catalog/RequiredComponent.js'
Or install some plugin that can guess the file name from import.
Or create an index.js file in the catalog folder that will export the components.