You may need an additional loader to handle the result of these loaders-CSDN博客

本文链接：https://blog.csdn.net/drhrht/article/details/123220229

"在Vue项目的环境配置过程中，遇到一个关于.scss文件无法正常加载的报错。根据提示，可能需要安装VueLoaderPlugin并在webpack.config.js中添加。确保引入方式正确，如：const VueLoaderPlugin = require('vue-loader/lib/plugin')或const { VueLoaderPlugin }

摘要由CSDN通过智能技术生成

在这段学习中我在安装环境时又遇到了这么一个问题，可能讲的不是很好，希望能给你带来帮助

报错是下图
在这里插入图片描述
他提示：
You may need an additional loader to handle the result of these loaders.
一个原因是你没有安装VueLoaderPlugin这个插件需要在webpack.config.js中plugins:中加入new VueLoaderPlugin()

还有const VueLoaderPlugin = require(‘vue-loader/lib/plugin’);
const { VueLoaderPlugin } = require(‘vue-loader’)
这两种写法都可以
在这里插入图片描述

如果这样还是没有解决你的问题，那么你需要查看下webpack.config.js中是否有写错的地方，如module中的内容

module:{
        rules:[
            {test:/.vue$/, use: 'vue-loader'},
            {test:/.css$/, use: ['style-loader','css-loader']},
            {test:/.scss$/, use: ['style-loader','css-loader','sass-loader',]},
            {test:/.(jpg|png|gif|bmp|jpeg)$/, loader: 'url-loader'},
            {test:/.(ttf|eot|svg|woff|woff2)$/,use: 'url-loader'}
        ]//模块规则
    },

像我的报错是无法使lang=“scss”格式（是一种预编译器的格式）
那么你需要去查看下又没有把编译器 {test:/.scss$/, use: [‘style-loader’,‘css-loader’,‘sass-loader’,]},是否配置正确，千万别打错字母