安装vuetify.js时获取scss文件中的错误

Question

我已经安装了vuetify.js，但在webpack的配置中出现了错误。

我已经更改了webpack的v4配置，也安装了节点sass和sass加载程序。

Webpack.config.js

{
    test:  /\.(s*)css$/,
    loader:['style-loader', 'css-loader', 'sass-loader']
}

这是错误

错误在./node_node/vuetify/src/样式/main.sass 3:0模块解析失败:意外字符'@‘(3:0)您可能需要一个适当的加载程序来处理此文件类型。@ //仿照ITCSS https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ \x

/

@///lib/Framework.js 5:0-33 @/node/node/lib/index.js@@vue @./src/头/Header.vue@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/app/App.vue @ ./src/app/App.vue @ ./src/index.js

Answer 1

我使用以下安装的依赖项，它对我来说很好：

    "sass": "^1.22.9",
    "sass-loader": "^7.2.0",
    "vue-cli-plugin-vuetify": "^0.5.0",
    "vuetify-loader": "^1.3.0"

Answer 2

你把这个lang="scss"添加到标签上了吗？当您使用scss时，您应该具有这种样式标记的格式。

<style lang="scss" scoped>...</style>