Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError

简介: Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError

记录配置 Webpack 时遇到的一个百思不得其解的报错:Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError


1.在看到这个问题以后,我第一时间去 reset.css 中查看语法是否有误;结果是没有任何错误。

2.在确定 css 文件无误以后,我把配置规则中的 css-loader 配置移除,只保留 style-loader,发现可以正常运行;这就说明是 css-loader 的问题。

3.我将上述报错信息复制到必应,大部分人告诉我要降低 css-loader 版本;我试图通过改变版本来解决问题,然并卵……(这个过程我持续了很久)

4.直到我用谷歌搜到 Stack Overflow 上的答案:


9.jpg


看第一句,这位大佬告诉我们:报错的根本原因在于 css 文件在编译时被 css-loader 加载了不止一次……

5.这时,我才恍然大悟。我发现我运行命令用的是 webpack.config.js 里的配置,其中已经将通用配置和对应环境的配置合并在一起了。而我在不同的环境下又合并了一遍,导致 css-loader 重复处理了 css 文件,导致报错。

6.这次经历再一次告诉我一个道理:前端报错,请第一时间通过谷歌 + StackOverflow来解决问题。


目录
相关文章
|
2月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
12月前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
358 1
|
7月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
644 9
|
存储 JavaScript 前端开发
webSocket+Node+Js实现在线聊天(包含所有代码)
文章介绍了如何使用WebSocket、Node.js和JavaScript实现在线聊天功能,包括完整的前端和后端代码示例。
713 0
|
11月前
|
存储 JavaScript NoSQL
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
196 9
|
开发框架 JavaScript 前端开发
Node.js日记:客户端和服务端介绍、Node.js介绍
Node.js日记:客户端和服务端介绍、Node.js介绍
|
JavaScript 前端开发 开发工具
五子棋小游戏(JS+Node+Websocket)可分房间对战
本文介绍了通过JS、Node和WebSocket实现的五子棋游戏,支持多人在线对战和观战功能。
399 1
五子棋小游戏(JS+Node+Websocket)可分房间对战
|
JavaScript 前端开发 开发工具
Node.js——初识Node.js
Node.js——初识Node.js
186 4
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
559 4
|
缓存 监控 JavaScript
Node.js中基于node-schedule实现定时任务之详解
Node.js中基于node-schedule实现定时任务之详解
705 0

热门文章

最新文章