写了less语句，运行项目npm run dev报错----解决办法

最新推荐文章于 2025-06-26 14:06:50 发布
原创 最新推荐文章于 2025-06-26 14:06:50 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文记录了一次解决Vue项目中样式加载错误的过程，包括处理找不到vue-style-loader和css-loader的问题，尝试安装sass-loader和node-sass，最终发现项目使用的是less，通过正确安装less-loader和less解决了版本冲突，并成功运行项目。

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

在这里插入图片描述
看到这个报错，找不到vue-style-loader和css-loader
尝试npm install sass-loader --save;
然后npm install node-sass --save
哇，我写的是less，忘记了
报版本错
在这里插入图片描述
尝试更新版本npm install npm -g
下载less包cnpm install --save-dev less-loader less
报错
在这里插入图片描述
看来不能用淘宝镜像
重新下载npm install --save-dev less-loader less
运行npm run dev
ok啦
小白理解可能不到位，欢迎指教

菜鸟小佳
关注
npm install --save-dev less-loader less 报错
qq_47230378的博客
04-09 2131
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: css-loader@2.0.2 npm ERR! Found: webpack@5.72.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from less-loader@10.2.0 npm ERR! node_modules/les..
[の项目练习]Vue-Cli、API的头条新闻项目
weixin_44275036的博客
03-13 1291
一、API 接口注册 1. 注册申请 聚合数据【点击进入】 进行注册、实名制认证后 搜索"新闻头条"【点击进入】 申请后获得一个key值 2. API 接口说明 接口地址：http://v.juhe.cn/toutiao/index 返回格式：json 请求方式：get/post 请求示例：http://v.juhe.cn/toutiao/index?type=top&key=APPKEY 接口备注：返回头条，社会，国内，娱乐，体育，军事，科技，财经，时尚等新闻信息 3. 请求参数说明
运行 npm run dev 报错
01-20
1.报错: 刚刚创建好vue项目的时候,运行 npm run dev 会报错,如下: C:\Users\未来\Desktop\新建文件夹 (2)>npm run dev npm ERR! path C:\Users\未来\Desktop\新建文件夹 (2)\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\未来\Desktop\新建文件夹 (2)\package
npm run dev报错
最新发布
qq_70036866的博客
06-26 740
npm run dev报错
npm run dev报错(webpack and webpack-dev-server)
kakashs
11-11 198
报错截图： webpack and webpack-dev-server 版本不兼容： webpack3.6.0+webpack-dev-server2.11.3（测试可用）
webpack-develop.zip
11-01
Vue.js 是一个流行的前端JavaScript框架，它以组件化开发...开发者可以通过解压、安装依赖、运行项目来快速开始Vue的开发工作。在实际开发中，可以根据项目需求对Webpack配置进行微调，实现更高效和定制化的构建流程。
React-cnode项目：React社区构建与状态管理实践
最后，通过运行`npm run dev`命令启动开发服务器。 ### 注意事项 - 状态管理的重要性： - 在React开发中，状态管理是一个复杂且关键的问题。redux的引入正是为了解决组件之间共享和管理状态的问题。了解redux的...
Vue-Admin: 一站式Vue-Cli3项目配置指南
通过执行 `npm run dev` 命令，开发者可以启动项目的开发模式。该模式通常会启动一个本地服务器，并开启热重载功能，允许开发者在不刷新整个页面的情况下，实时看到代码更改的效果。 3. 测试环境打包 为了确保项目...
轻量级Electron应用开发：使用generator-electron-humble
例如，npm start命令可以启动应用程序，npm run start:prod和npm run start:dev分别以生产模式和开发模式启动应用。这些脚本允许用户快速切换不同的环境配置，便于开发和部署。 generator-electron-humble的Npm命令...
npm run dev的时候报错
IIIIIIlllii的博客
07-08 2990
使用适合你当前环境的 Node.js 和 Node Sass 版本：确保你使用的 Node.js 版本与 Node Sass 兼容。根据你的操作系统和 Node.js 版本，安装适当的 Node Sass 版本。这个错误通常是由于 Node Sass 模块没有正确编译而导致的。
运行 npm run dev 总报错
XZZXBC的博客
06-14 4517
运行 npm install --legacy-peer-deps 即可，再次运行 npm run dev 或者 npm run mock 等命令时就可以了。并且执行npm run install 时也会报错。
⭐️npm run dev报错
Python老吕的博客
08-26 5064
是一个在 Node.js 项目中常用的命令，它允许开发者运行一个预定义的脚本，通常用于启动开发服务器或者执行开发环境的构建任务。这个命令是通过文件中的scripts在这个例子中，dev脚本使用nodemon工具来监控app.js文件的更改，并在文件发生变化时自动重启服务器。这样，开发者可以在开发过程中实时看到更改的效果，而无需手动重启服务器。在本文档中，我们探讨了在使用模块未找到错误：通常是因为缺少必要的依赖包或路径配置错误。语法错误。
npm run dev各种报错
qq_45388621的博客
05-25 1573
npm install 报错解决办法 原因是因为node_modules可能有意外改动，导致依赖库不完整，删除项目下的node_modules，在你的项目目录下，重新执行npm install，这会重新生成node_modules，重新执行npm run dev即可 1.删除项目文件的node_modules 2.清理缓存： npm cache clean --force 3.重新安装： npm install 4.重新运行 npm run dev ...
npm run dev时npm报错的问题
weixin_34216036的博客
05-17 209
安装了node 12.1.0版本的，运行项目时报错 卸载了12.1.0版本的 安装10.15.3版本的就ok啦。 转载于:https://juejin.im/post/5cde1d0a6fb9a037d628f220
前端启动项目npm run dev报错npm ERR! missing script: dev
热门推荐
m0_62609939的博客
02-21 2万+
1
运行npm run dev报错（已解决）
qq_45575177的博客
10-07 9067
解决方案： 1.打开package.json文件 在scripts里面添加"dev":"webpack" 将jquery,webpack和webpack-cli文件号进行版本修改 2.修改完成保存之后，运行npm run dev，就可以成功运行
解决npm run dev运行后报错：”Could not read package.json: Error: ENOENT: no such file or directory“
weixin_74769910的博客
08-02 6446
"npm error errno -4058"通常是由于文件系统权限问题或文件路径问题导致的。这个错误码表示在执行某个操作时，npm 无法访问或修改某个文件或目录。进入到前端文件夹目录，再执行原命令，发现项目启动成功。总结一下，解决办法就是。在这个情境下，想到是。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值