无法将 Vuetify 连接到项目

Question

我按照官方文档安装了 vuetify，但我遇到了麻烦。当我尝试将 vuetify 添加到我的项目时，我总是会遇到两种类型的错误：第一种：ERROR in ./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css&)Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: Expected newline.   ╷44 │ .app-main{   │          ^   ╵  src\main\resources\static\js\pages\App.vue 44:10  root stylesheet @ ./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css& (./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.s!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css&) 2:26-348 @ ./node_modules/vue-style-loader!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css& @ ./src/main/resources/static/js/pages/App.vue?vue&type=style&index=0&lang=css& @ ./src/main/resources/static/js/pages/App.vue @ ./src/main/resources/static/js/main.jsERROR in ./src/main/resources/static/js/main.jsModule not found: Error: Can't resolve '/plugins/vuetify' in 'C:\Users\pingm\IdeaProjects\kursovaya\src\main\resources\static\js' @ ./src/main/resources/static/js/main.js 5:0-39 14:11-18PS .app-main 是我的样式类。没有 vuetify 它工作正常。我不确定更改错误会产生什么影响，但是当我更改main.js文件中的代码时它们会发生变化

Answer 1

通过将此属性添加到 Webpack 来解决：

resolve: {

        alias: {

            plugins: path.resolve(__dirname, 'src/plugins/vuetify.js')

        },

        extensions: ['.js', 'jsx', '.css'],

        modules: [

            path.join(__dirname, 'src', 'main', 'resources', 'static', 'js'),

            path.join(__dirname, 'node_modules'),

        ],

    }

主.js

import vuetify from 'plugins'