Aliases in serverless-webpack are not supported

This is a Bug Report

Description

Trying to resolve aliases through typescript and webpack with this configuration on the webpack side:

resolve: {
    alias: {
      '@/': path.resolve(__dirname, './src/'),
    },
  },

Whenever I use import syntax of import { test } from '@/folder/file' and try to build, it throws an error

Serverless: Invoke webpack:package
Serverless: Fetch dependency graph from ....examplePath/package.json
Serverless: WARNING: Could not determine version of module @/folder
Serverless: Package lock found - Using locked versions
Serverless: Packing external modules: @/folder, source-map-support@^0.5.19
 
  Error --------------------------------------------------
 
  yarn install --frozen-lockfile --non-interactive failed with code 1
  error An unexpected error occurred: "https://registry.yarnpkg.com/@%2fcommon: Not found".

I also have tsconfig set with these parameters:

"baseUrl": ".",
    "paths": {
      "~/*": ["src/*"]
    }

Additional Data

• Serverless-Webpack Version you’re using: 5.3.2
• Webpack version you’re using: 4.43.0
• Serverless Framework Version you’re using: 1.72.0
• Operating System: macOS

[tafelnl]

I managed to get it to work fairly easily without problems. I am not using TypeScript however.

Anyway, my config:

  // webpack.config.js
  resolve: {
    alias: {
      '~': path.resolve(__dirname, 'src/'),
    },
  },

  // .eslintrc.js
  // need to run following command first:
  // npm i eslint-import-resolver-webpack --save-dev
  settings: {
    'import/resolver': 'webpack',
  },

[fernando-mf]

I think you are missing the extensions in webpack.resolve. I’m using typescript and aliases work fine. Here’s my config

// webpack.config.js
resolve: {
  extensions: ['.ts'],
  alias: {
    '@app': path.resolve(__dirname, './src'),
  },
},

// tsconfig.json
"baseUrl": "./src/",
"paths": {
    "@app/*": ["./*"]
},