ERROR in ./src/index.less (../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/c

最新推荐文章于 2024-07-22 17:17:36 发布

原创

最新推荐文章于 2024-07-22 17:17:36 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #loader

在将资源划分为不同文件夹后，Webpack打包时出现ERROR in ./src/index.less的错误。通过查阅资料，发现解决方案包括注意css-loader和style-loader的顺序，或者使用require语法引入less文件，如require('!style-loader!css-loader!less-loader!./index.less')，而非import './css/index.less'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

当我把所有资源都放在src下面的时候, 执行npx webpack-dev-server打包成功, 当划分js, css, imgs 文件夹以后, 报错


ERROR in ./src/index.less (../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/cjs.js!./src/index.less)
Module build failed (from ../node_modules/less-loader/dist/cjs.js):
Error: ENOENT: no such file or directory, open '/Users/zhangmin/Desktop/练习/February/webpack/08.开发环境配置/src/index.less'
 @ ./src/index.less (../node_modules/style-loader/dist/cjs.js!../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/cjs.js!./src/index.less) 2:12-134 9:17-24 13:15-22
 @ ./src/js/index.js

查阅资料: https://github.com/webpack-contrib/css-loader/issues/352
发现解决方案有两个