Importing Less file into component throws package not declared in dependencies error

This doesn’t really fit a bug template, I am just looking for guidance on this issue I’m facing. I am using a Next.js application and in my webpack config I have the following alias defined:

module.exports = {
    webpack(config) {
        // Setting up alias for absolute imports
        config.resolve.alias['@Components'] = path.join(__dirname, 'components');
        return config;
    }
};

This allows me to import components anywhere in my application from that folder like so:

import Button from '@Component/Button`

When using Yarn 2, I get the following error message:

./components/Button/index.js
Module not found: Something that got detected as your top-level application (because it doesn't seem to belong to any package) tried to access a package that is not declared in your dependencies

Any suggestion on how to resolve this issue? Prior to switching to Yarn 2, it was working well. Thanks.

[Kinbaum]

Update, so I forked the next-css and next-less repos and updated their loaders to use require.resolve. That seems to have resolved the issue.

[merceyz]

Just to make sure, did you run yarn after adding it?