Resolving alias using Laravel mix

I found many very old posts but with different syntax and people still mentioning that it does not work for them. So I thought I try again.

At the beginning of my webpack.mix.js I have this:

const mix = require('laravel-mix');
const path = require('path')

mix.webpackConfig({
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            '@myproject': path.resolve(__dirname , '/resources/js/')
        },
    },
})
/*

Inside my *.vue files I try to import like this:

import FullPageSpinner from '@myproject/components/FullPageSpinner';

I do have only lowercase folders. This is my folder structure:

But I still receive

Error [...] Module not found: Error: Can't resolve '@myproject/components/FullPageSpinner' ..

I am using Docker and are working on Ubuntu 20 It looks like many people have this issue https://github.com/laravel-mix/laravel-mix/issues/1219

Any idea how to fix this?