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

报错是下图
在这里插入图片描述
他提示:
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’,]},是否配置正确,千万别打错字母

Logo

前往低代码交流专区

更多推荐