version 2 does not work with vite 5

[ayZagen]

After upgrading to v2 following error is thrown.

error when starting dev server:
SyntaxError: Unexpected token 'with'
    at ModuleLoader.moduleStrategy (node:internal/modules/esm/translators:118:18)
    at callTranslator (node:internal/modules/esm/loader:265:14)
    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:270:30)
 ELIFECYCLE  Command failed with exit code 1.

Node version v20.6.1

  "type": "module",
  "dependencies": {
    "typescript": "^5.3.3",
    "vite": "^5.0.8"
  }

[KaelWD]

node -v

[ayZagen]

node: v20.6.1

[KaelWD]

Looks like this actually needs 20.11 nodejs/node@57efd5292c

[ayZagen]

alright, sorry for that.

i installed latest node lts which is v20.10 and now it throws following error:

failed to load config from /dashboard/vite.config.ts
error when starting dev server:
ReferenceError: require is not defined
    at resolveVuetifyBase (file:///node_modules/.pnpm/@vuetify+loader-shared@2.0.0_vue@3.3.11_vuetify@3.4.6/node_modules/@vuetify/loader-shared/dist/index.mjs:103:23)
    at stylesPlugin (file:///node_modules/.pnpm/vite-plugin-vuetify@2.0.0_vite@5.0.8_vue@3.3.11_vuetify@3.4.6/node_modules/vite-plugin-vuetify/dist/index.mjs:41:23)
    at vuetify (file:///node_modules/.pnpm/vite-plugin-vuetify@2.0.0_vite@5.0.8_vue@3.3.11_vuetify@3.4.6/node_modules/vite-plugin-vuetify/dist/index.mjs:105:18)
    at file:///dashboard/vite.config.ts.timestamp-1702390701202-55de375c31d83.mjs:78:7
    at loadConfigFromFile (file:///node_modules/.pnpm/vite@5.0.8_@types+node@20.10.4_sass@1.69.5/node_modules/vite/dist/node/chunks/dep-uAHLeuC6.js:67828:15)
    at async resolveConfig (file:///node_modules/.pnpm/vite@5.0.8_@types+node@20.10.4_sass@1.69.5/node_modules/vite/dist/node/chunks/dep-uAHLeuC6.js:67426:28)
    at async _createServer (file:///node_modules/.pnpm/vite@5.0.8_@types+node@20.10.4_sass@1.69.5/node_modules/vite/dist/node/chunks/dep-uAHLeuC6.js:59967:20)
    at async CAC.<anonymous> (file:///node_modules/.pnpm/vite@5.0.8_@types+node@20.10.4_sass@1.69.5/node_modules/vite/dist/node/cli.js:764:24)
 ELIFECYCLE  Command failed with exit code 1.

[softy2k]

Do I understand that to have Vuetify3 and Vite5 I must have NodeJS version >= 20.11?
In other words, it won't work on NodeJS 18.xx?

[ayZagen]

@softy2k no, import attributes also landed in nodejs 18. probably in 18.19.0

[softy2k]

I have NodeJS 18.19.0 and I create a new project (just for test) with: npm create vuetify
In package.json I have :

  "devDependencies": {
    "@vitejs/plugin-vue": "^4.0.0",
    "eslint": "^8.22.0",
    "eslint-plugin-vue": "^9.3.0",
    "vite": "^4.2.0",
    "vite-plugin-vuetify": "^1.0.0"
  }

Still Vite 4