Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

[raqueldiazmobizcorp]

Hi. I'm trying to configure my environment and have come across the following issue:

[dev:theme] ERROR Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
[dev:theme] - configuration.resolve.alias['@vue-storefront/about-you$'] should be a string.

Stack:

yarn run v1.22.11
$ concurrently "yarn:dev:*"
$ cd packages/composables && yarn dev
$ cd packages/api-client && yarn dev
$ cd packages/theme && yarn dev
$ rollup -c -w
$ rollup -c -w
$ nuxt
[dev:theme]
[dev:theme] WARN sass-loader@8.0.2 is installed but ^10.1.1 is expected
[dev:theme]
[dev:theme]
[dev:theme] WARN You are using an unsupported version of Node.js (v10.15.3). It is recommended to use the latest LTS version (https://nodejs.org/en/about/releases)
[dev:theme]
[dev:composables] rollup v1.32.1
[dev:composables] bundles src/index.ts → lib/index.cjs.js, lib/index.es.js...
[dev:api-client] rollup v1.32.1
[dev:api-client] bundles src/index.ts → lib/index.cjs.js, lib/index.es.js...
[dev:theme]
[dev:theme] WARN router.scrollBehavior property is deprecated in favor of using ~/app/router.scrollBehavior.js file, learn more: https://nuxtjs.org/api/configuration-router#scrollbehavior
[dev:theme]
[dev:theme]
[dev:theme] WARN mode option is deprecated. You can safely remove it from nuxt.config
[dev:theme]
[dev:theme] ℹ VSF Starting Vue Storefront Nuxt Module
[dev:theme] ✔ VSF Installed Vue Storefront Context plugin
[dev:theme] ✔ VSF Installed Vue Storefront SSR plugin
[dev:theme] ✔ VSF Installed VSF Logger plugin
[dev:theme] ✔ VSF Installed nuxt Composition API Module
[dev:theme] ✔ VSF Installed StorefrontUI Module
[dev:theme] ✔ VSF Installed Performance Module
[dev:theme] ℹ VSF Using raw source/ESM for @vue-storefront/about-you
[dev:theme] ℹ VSF Using raw source/ESM for @vue-storefront/core
[dev:theme] ℹ VSF Using raw source/ESM for @storefront-ui/vue
[dev:theme] ℹ VSF Using raw source/ESM for @storefront-ui/shared
[dev:theme] ℹ VSF Starting Theme Module
[dev:theme] ℹ VSF Watching changes in @vue-storefront/nuxt-theme-module and used platform theme directory
[dev:theme] ℹ VSF Adding theme files...
[dev:theme] ✔ VSF Added 41 theme file(s) to _theme folder
[dev:theme] ℹ Listening on: http://192.168.1.84:3000/
[dev:theme] ℹ Preparing project for development
[dev:theme] ℹ Initial build may take a while
[dev:theme] ✔ Builder initialized
[dev:api-client] created lib/index.cjs.js, lib/index.es.js in 4.5s
[dev:composables] [!] (plugin rpt2) Error: /Users/raquel/Documents/AYC/workspace/about-you-cloud-master/packages/composables/src/composables/useCheckout/index.ts(39,7): semantic error TS2322: Type '() => { paymentMethods: Ref<any[]>; shippingMethods: Ref<any[]>; personalDetails: Ref; shippingDetails: Ref; billingDetails: Ref<...>; chosenPaymentMethod: Ref<...>; chosenShippingMethod: Ref<...>; placeOrder: () => Promise<...>; loading: ComputedRef<...>; }' is not assignable to type '() => UseCheckout<any, any, any, any, any, any, any, any>'.
[dev:composables] Call signature return types '{ paymentMethods: Ref<any[]>; shippingMethods: Ref<any[]>; personalDetails: Ref; shippingDetails: Ref; billingDetails: Ref<...>; chosenPaymentMethod: Ref<...>; chosenShippingMethod: Ref<...>; placeOrder: () => Promise<...>; loading: ComputedRef<...>; }' and 'UseCheckout<any, any, any, any, any, any, any, any>' are incompatible.
[dev:composables] The types of 'paymentMethods' are incompatible between these types.
[dev:composables] Property '[_refBrand]' is missing in type 'Ref<any[]>' but required in type 'Ref'.
[dev:composables] src/composables/useCheckout/index.ts
[dev:theme] ✔ Nuxt files generated
[dev:composables] Error: /Users/raquel/Documents/AYC/workspace/about-you-cloud-master/packages/composables/src/composables/useCheckout/index.ts(39,7): semantic error TS2322: Type '() => { paymentMethods: Ref<any[]>; shippingMethods: Ref<any[]>; personalDetails: Ref; shippingDetails: Ref; billingDetails: Ref<...>; chosenPaymentMethod: Ref<...>; chosenShippingMethod: Ref<...>; placeOrder: () => Promise<...>; loading: ComputedRef<...>; }' is not assignable to type '() => UseCheckout<any, any, any, any, any, any, any, any>'.
[dev:composables] Call signature return types '{ paymentMethods: Ref<any[]>; shippingMethods: Ref<any[]>; personalDetails: Ref; shippingDetails: Ref; billingDetails: Ref<...>; chosenPaymentMethod: Ref<...>; chosenShippingMethod: Ref<...>; placeOrder: () => Promise<...>; loading: ComputedRef<...>; }' and 'UseCheckout<any, any, any, any, any, any, any, any>' are incompatible.
[dev:composables] The types of 'paymentMethods' are incompatible between these types.
[dev:composables] Property '[refBrand]' is missing in type 'Ref<any[]>' but required in type 'Ref'.
[dev:composables] at error (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup/dist/shared/node-entry.js:5400:30)
[dev:composables] at throwPluginError (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup/dist/shared/node-entry.js:11878:12)
[dev:composables] at Object.error (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup/dist/shared/node-entry.js:12912:24)
[dev:composables] at Object.error (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup/dist/shared/node-entry.js:12081:38)
[dev:composables] at RollupContext.error (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/src/rollupcontext.ts:37:18)
[dev:composables] at lodash.each (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/src/print-diagnostics.ts:41:11)
[dev:composables] at arrayEach (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/node_modules/lodash/lodash.js:516:11)
[dev:composables] at Function..each [as forEach] (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/node_modules/lodash/lodash.js:9368:14)
[dev:composables] at printDiagnostics (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/src/print-diagnostics.ts:9:2)
[dev:composables] at Object.transform (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/rollup-plugin-typescript2/src/index.ts:244:5)
[dev:composables]
[dev:theme]
[dev:theme] WARN Browserslist: caniuse-lite is outdated. Please run:
[dev:theme] npx browserslist@latest --update-db
[dev:theme]
[dev:theme] Why you should do it regularly:
[dev:theme] https://github.com/browserslist/browserslist#browsers-data-updating
[dev:theme]
[dev:theme]
[dev:theme] ERROR Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
[dev:theme] - configuration.resolve.alias['@vue-storefront/about-you$'] should be a string.
[dev:theme] -> New request
[dev:theme]
[dev:theme] - configuration.resolve.alias['@vue-storefront/about-you$'] should be a string.
[dev:theme] -> New request
[dev:theme] at Object.webpack [as default] (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/webpack/lib/webpack.js:31:9)
[dev:theme] at compilers.webpackConfigs.map (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/@nuxt/webpack/dist/webpack.js:2054:51)
[dev:theme] at Array.map ()
[dev:theme] at WebpackBundler.build (/Users/raquel/Documents/AYC/workspace/about-you-cloud-master/node_modules/@nuxt/webpack/dist/webpack.js:2053:37)
[dev:theme]

Further relevant information:

• I'm using a Mac,
• Whatever values is put in auth.username or auth.password in nuxt.config.js do not have an impact, meaning no new errors appear in the console. So it seems the error happens before that and prevents the rest.

Is anyone familiar with this issue or able to provide some help? Thanks in advance.