Question

我今天晚上刚刚更新了Vuetify，但它似乎破坏了我的网络应用程序。我已经按照所有说明进行操作，但是问题似乎出在sass-loader上。

这是我遇到的错误。

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

我已经看到很多人对此发表评论，但是似乎没有适当的解决方案。我已经尝试了所有典型的方法。重建node_modules，删除缓存等，但是仍然存在此问题。

有人知道这个问题是什么吗？

NPM版本：6.9.0- NodeJS版本：10.16.2

已安装的软件包：

@mdi/font@3.9.96
@vue/cli-plugin-babel@3.10.0
@vue/cli-plugin-eslint@3.10.0
@vue/cli-service@3.10.0
axios@0.18.1
chart.js@2.8.0
deepmerge@4.0.0
fibers@4.0.1
fsevents@2.0.7
material-design-icons-iconfont@3.0.3
sass@1.22.9
sass-loader@7.1.0
vue@2.6.10
vue-router@3.1.1
vue-sweetalert2@1.6.4
vue-template-compiler@2.6.10
vuetify@2.0.5
vuex@3.1.1

vuetify.js

import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
    icons: {
        iconfont: 'mdi',
    },
})

vue.config.js

module.exports = {
    devServer: {
      disableHostCheck: true
    },
    configureWebpack: {
      module: {
        rules: [
          {
            test: /\.s(c|a)ss$/,
            use: [
              'vue-style-loader',
              'css-loader',
              {
                loader: 'sass-loader',
                options: {
                  implementation: require('sass'),
                  fiber: require('fibers')
                }
              }
            ]
          }
        ]
      }
    }
}

main.js

import Vue from 'vue'
import VueSweetalert2 from 'vue-sweetalert2'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from '@/plugins/vuetify'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import '@mdi/font/css/materialdesignicons.css'

Vue.use(VueSweetalert2);

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

Answer 1

我隐约记得几周前处理这种事情。

有些事情你可以尝试

删除dart-sass和npm-sass软件包。仅需要sass软件包
将sass-loader更新为^ 7.1.0

来自：https://github.com/vuetifyjs/vuetify/issues/7950#issuecomment-519192389

另一个选择似乎是使用node-sass作为开发依赖项。

这可能与您加入vuetify（点菜？）的方式有关。能否提供更多信息？

模块构建失败-Sass-loader

1 个答案: