报错如下图

报错原因:仔细检查是 css 文件缺少loader
解决办法:安装 css 文件 loader,并进行 webpack 配置
1、安装 loader
cnpm i style-loader css-loader -D
或
npm i style-loader css-loader -D
2、配置 webpack loader 规则
{ test: /\.css$/, use: ['style-loader', 'css-loader']}
本文详细介绍了在使用Webpack构建项目时,遇到CSS文件加载失败的错误及其解决方法。主要原因是缺少必要的CSS loader,通过安装style-loader和css-loader并正确配置Webpack加载规则,可以有效解决该问题。
报错如下图

报错原因:仔细检查是 css 文件缺少loader
解决办法:安装 css 文件 loader,并进行 webpack 配置
1、安装 loader
cnpm i style-loader css-loader -D
或
npm i style-loader css-loader -D
2、配置 webpack loader 规则
{ test: /\.css$/, use: ['style-loader', 'css-loader']}
8万+
1万+
475
3万+