为了账号安全,请及时绑定邮箱和手机立即绑定

无法将 Vuetify 连接到项目

无法将 Vuetify 连接到项目

Smart猫小萌 2023-01-06 16:17:35

我按照官方文档安装了 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文件中的代码时它们会发生变化


查看完整描述

1 回答

?
MMTTMM

TA贡献1615条经验 获得超4个赞

通过将此属性添加到 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'


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 11 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信