import issue with [Vue 3 + Vuetify 3 + SCSS]

[vencott]

Hi, i have a problem with [Vue 3 + Vuetify 3 + SCSS]
I want to start my vue3-cli project with vuetify 3.
But in my SCSS file, I tried to import some vuetify scss files but there are some problems.

• @import "~vuetify/src/styles/main.sass";
• @import "~vuetify/src/styles/styles.sass";

Here is an error message.

ERROR Failed to compile with 1 error 오전 10:57:44

error in ./src/assets/scss/_index.scss

Syntax Error: SassError: Can't find stylesheet to import.
╷
2 │ @import "~vuetify/src/styles/main.sass";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/_index.scss 2:9 root stylesheet

ERROR in ./src/assets/scss/_index.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/scss/_index.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
2 │ @import "~vuetify/src/styles/main.sass";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/_index.scss 2:9 root stylesheet
@ ./src/assets/scss/_index.scss 4:14-255 15:3-20:5 16:22-263
@ ./src/plugins/vuetify.ts 5:0-35
@ ./src/main.ts 5:0-40 9:52-59

webpack compiled with 1 error
No issues found.

Please help me..