无法将 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-loade

r/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&typ

e=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.js

ERROR in ./src/main/resources/static/js/main.js

Module 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-18

PS .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'