[Bug Report][3.0.0-beta.0] Error: Cannot find module 'vuetify/dist/json/importMap.json'

Environment

Vuetify Version: 3.0.0-beta.0 Vue Version: 3.2.31 Browsers: Chrome 100.0.4896.75 OS: Mac OS 10.15.7

Steps to reproduce

vue-cli@5.0.3 vue create my-beta-app cd my-bata-app vue add vuetify npm run serve

Expected Behavior

run server successfully and open GUI in browser via localhost:8080

Actual Behavior

failed to run serve. logs are in comment section

Reproduction Link

https://jsfiddle.net/

Other comments

<UserName>@<MyDeviceName> my-beta-app % npm run serve

my-beta-app@0.1.0 serve /Users/<UserName>/Development/vue_cli_5/my-beta-app vue-cli-service serve

ERROR Error: Cannot find module ‘vuetify/dist/json/importMap.json’ Require stack: - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/imports/getImports.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/imports/generateImports.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/index.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vuetify-loader/dist/scriptLoader.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vuetify-loader/dist/index.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vue-cli-plugin-vuetify/index.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vue/cli-service/lib/Service.js - /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vue/cli-service/bin/vue-cli-service.js Error: Cannot find module ‘vuetify/dist/json/importMap.json’ Require stack:

• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/imports/getImports.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/imports/generateImports.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/index.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vuetify-loader/dist/scriptLoader.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vuetify-loader/dist/index.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/vue-cli-plugin-vuetify/index.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vue/cli-service/lib/Service.js
• /Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vue/cli-service/bin/vue-cli-service.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) at Function.Module._load (internal/modules/cjs/loader.js:745:27) at Module.require (internal/modules/cjs/loader.js:961:19) at require (internal/modules/cjs/helpers.js:92:18) at Object.<anonymous> (/Users/<UserName>/Development/vue_cli_5/my-beta-app/node_modules/@vuetify/loader-shared/dist/imports/getImports.js:5:19) at Module._compile (internal/modules/cjs/loader.js:1072:14) at Object.Module._extensions…js (internal/modules/cjs/loader.js:1101:10) at Module.load (internal/modules/cjs/loader.js:937:32) at Function.Module._load (internal/modules/cjs/loader.js:778:12) at Module.require (internal/modules/cjs/loader.js:961:19) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-beta-app@0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the my-beta-app@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/<UserName>/.npm/_logs/2022-04-11T19_57_38_410Z-debug.log <UserName>@<MyDeviceName> my-beta-app %

[jabberwocky1994]

I’ve solved it.

Using the exact same steps from OP

cd my-beta-app
vue add vuetify

but I also needed to add npm install vuetify@^3.0.0-alpha.11

For some reason, vuetify isn’t installed after executing vue add vuetify.

[mstrade]

try next steps:

• nvm use node 17.9.0
• yarn (or npm install)
• yarn serve