vuestorefront / shopware-pwa

Shopware PWA for eCommerce. Headless storefront solution for Shopware 6, which communicates through the SalesChannel-API. Always Open Source, MIT license. Made with :blue_heart: by shopware AG & Vue Storefront.
https://frontends.shopware.com
MIT License
345 stars 103 forks source link

[Bug] Fails to compile with @vuelidate errors #1998

Closed lukolszewski closed 1 week ago

lukolszewski commented 1 year ago

What happened?

Trying to run yarn dev following init as per the quickstart results in the following errors shown below on the terminal. The same errors are shown when browsing to the shopware-pwa. I tried few different node versions, but I could only get it to work that far with 16.10.0 so this is the one that is being used now. This is on a fresh ubuntu 20.04 docker image. Node and yarn installer with nvm.

root@XX:/home/pwa# yarn dev yarn run v1.22.19 $ shopware-pwa dev [CLI > dev] Starting Shopware PWA development project... ✔ [CLI > plugins] Generating plugins files [CLI > languages] Shopware languages refreshed [CLI > plugins] Plugins generated [CLI > cms] CMS prepared [CLI > languages] Shopware languages refreshed ℹ Using theme: @shopware-pwa/default-theme 17:30:35 ℹ "notifications.js" plugin was registered automatically in client&server mode. 17:30:35

╭───────────────────────────────────────────╮ │ │ │ Nuxt @ v2.16.3 │ │ │ │ ▸ Environment: development (dev) │ │ ▸ Rendering: server-side │ │ ▸ Target: server │ │ │ │ Listening: http://192.168.1.118:3000/ │ │ │ ╰───────────────────────────────────────────╯

ℹ Preparing project for development 17:30:35 ℹ Initial build may take a while 17:30:35 ✔ Builder initialized 17:30:35 ✔ Nuxt files generated 17:30:35

✖ Client Compiled with some errors in 23.64s

✔ Server Compiled successfully in 21.76s

ERROR Failed to compile with 14 errors friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'computed' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'getCurrentInstance' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'inject' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'isReactive' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'isReadonly' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'isRef' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'nextTick' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'onBeforeMount' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'onBeforeUnmount' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'provide' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'reactive' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'ref' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'unref' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs friendly-errors 17:30:59

Can't import the named export 'watch' from non EcmaScript module (only default export is available) friendly-errors 17:30:59 friendly-errors 17:30:59 No issues found. 17:30:59 ℹ Waiting for file changes 17:31:00 ℹ Memory usage: 498 MB (RSS: 833 MB) 17:31:00 ℹ Listening on: http://192.168.1.118:3000/

Steps To Reproduce

Run a dockware 6.4.10.0 container, install latest (3.3) swag plugin.

On the fresh Ubuntu 20.04 docker image with host networking install nvm, install node 16.10 and yarn, then run: mkdir pwa cd pwa npx @shopware-pwa/cli init _answerquestions yarn dev

Is there an existing issue for this?

Version

Canary (generated by CLI)

Which element is affected?

nuxt-module

Environment

- OS: Arch Linux, Ubuntu 20.04 running in docker.
- Node: 16.10
- Shopware API: 6.4.10.0
- Shopware PWA version: 1.4.0 and 1.6.1

Relevant log output

ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 70:9-17
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 79:9-17
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 154:19-27
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 197:41-49
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 294:28-36
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 307:20-28
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 312:20-28
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 313:18-26
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 314:25-33
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 327:19-27
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 361:21-29
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 364:17-25
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 374:24-32
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 381:18-26
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 388:19-27
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 389:19-27
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 390:20-28
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 391:17-25
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 451:28-36
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 458:32-40
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 492:23-31
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 639:23-31
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 677:85-93
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 769:9-17
Can't import the named export 'computed' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 702:65-83
Can't import the named export 'getCurrentInstance' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 663:40-46
Can't import the named export 'inject' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 665:44-50
Can't import the named export 'inject' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 56:9-19
Can't import the named export 'isReactive' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 56:30-40
Can't import the named export 'isReadonly' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 503:10-15
Can't import the named export 'isRef' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 547:8-13
Can't import the named export 'isRef' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 744:35-40
Can't import the named export 'isRef' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 529:12-20
Can't import the named export 'nextTick' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 532:10-18
Can't import the named export 'nextTick' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 726:4-17
Can't import the named export 'onBeforeMount' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 766:4-19
Can't import the named export 'onBeforeUnmount' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 664:2-9
Can't import the named export 'provide' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 666:2-9
Can't import the named export 'provide' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 316:11-19
Can't import the named export 'reactive' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 560:9-17
Can't import the named export 'reactive' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 744:94-102
Can't import the named export 'reactive' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 106:19-22
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 107:26-29
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 178:19-22
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 180:20-23
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 264:17-20
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 265:28-31
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 266:27-30
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 638:27-30
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 710:28-31
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 720:18-21
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 725:12-15
Can't import the named export 'ref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 75:38-43
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 98:13-18
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 182:10-15
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 206:10-15
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 221:12-17
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 236:10-15
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 275:82-87
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 275:107-112
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 347:16-21
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 375:47-52
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 395:47-52
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 435:24-29
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 459:22-27
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 479:18-23
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 479:35-40
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 636:92-97
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/validators/dist/index.mjs 656:92-97
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 48:11-16
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 90:29-34
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 90:43-48
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 219:22-27
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 308:39-44
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 312:60-65
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 314:67-72
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 362:39-44
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 375:24-29
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 376:60-65
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 382:24-29
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 383:60-65
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 388:76-81
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 389:61-66
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 389:83-88
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 452:14-19
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 453:15-20
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 456:51-56
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 459:20-25
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 461:21-26
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 493:15-20
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 496:16-21
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 497:23-28
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 514:23-28
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 602:15-20
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 602:65-70
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 640:19-24
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 770:45-50
Can't import the named export 'unref' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 109:19-24
Can't import the named export 'watch' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 512:4-9
Can't import the named export 'watch' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 535:22-27
Can't import the named export 'watch' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 728:6-11
Can't import the named export 'watch' from non EcmaScript module (only default export is available)
ERROR in ./node_modules/@vuelidate/core/dist/index.mjs 745:4-9
Can't import the named export 'watch' from non EcmaScript module (only default export is available)
lukolszewski commented 1 year ago

A change to main package.json resolves it. Specifically when all dependencies are changed from this: "nuxt": "^2.15.8" to this: "nuxt": "2.15.8"

It makes yarn use the correct versions. I've tried this on ubuntu 20.04 as mentioned and latest arch. Multiple versions of Node. yarn installed with npm. If this is not a bug in yarn, but desired behavior I suggest the file is updated to remove those marks.