vue 采坑日常 - less-loader报错

最新推荐文章于 2024-04-29 03:50:29 发布
最新推荐文章于 2024-04-29 03:50:29 发布
阅读量184 收藏
点赞数
分类专栏： Vue 文章标签： npm vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44564538/article/details/116229230
版权

长时间不打开项目文件，偶然需要打开，习惯性先cnpm install 安装插件，在运行，结果报错，报错内容如下：

Syntax Error: TypeError: this.getOptions is not a function

在这里插入图片描述
如何调整在报错页面都找不到相关问题，最后百度发现是***less-loader安装的版本太高***造成的，卸载重装就可以。

npm uninstall --save less-loader //卸载

npm install -D less-loader@7.x //安装一个较低版本

喵呜来个咪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue安装less-loader报错
wzt_WZT的博客
09-13 1405
之前安装less-loader报错，一直以为是版本原因，之后试了好多低版本，发现还是安装失败，最后发现是由于npm权限原因。
vue编译报错vue-style-loader!css-loader?{"sourceMap":true}
weixin_38355349的博客
03-11 1470
今天更新代码后发现了报如下问题；告诉我依赖的vue-style-loader!css-loader?{“sourceMap”:true}没有intall 因为package.json里有配置，所以直接执行安装就可： npm install 或 cnpm install 如果是自己初始化vue项目 1.style-loader 和css-loader安装 npm install --save-d...
webpack-less-loader
08-26
webpack入门和实战(二)：全面理解和运用loader和plugins,理解less-loader加载器的使用
Stylus| vue项目中stylus和stylus-loader版本兼容问题
Aeroxian的博客
12-13 3462
Stylus| vue项目中stylus和stylus-loader版本兼容问题 报错代码： in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true& Module build failed (from ./node_modules/stylus-loader/dist/cjs.js): ValidationError: Invalid options objec
webpack使用less-loader出错处理
qq_41699954的博客
07-16 1638
webpack使用less-loader出错处理 错误 在使用webpack打包less文件时，出现以下错误：Module build failed: TypeError: loaderContext.getResolve is not a function 原因：less-loader版本过高（在package.json查看） 解决方案 （1）卸载高版本less-loader npm uninstall less-loader （2）指定安装版本 npm install less-loa
less-loader 卸载及重装
qq_35147060的博客
02-08 7506
安装less-loader npm install -g less-loader 因为没有选择版本 所以自动安装了最新版本 结果在运行的时候报错 INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error
前端工程构建问题汇总
03-01 629
它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install less-loader@5.0.0 命令下载降级版本的 less-loader，这个问题就可以解决了。对应的node版本跟node-sass版本不一致，所以需要切换不同的node版本。
Vue 安装 less-loader 报错 unable to resolve dependency tree
最新发布
2401_84435739的博客
04-29 457
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
vue-cli svg-sprite-loader
qq_40822000的博客
11-22 936
在vue-cli中使用svg-sprite-loader 新手上路，有什么不对的地方请不吝赐教 svg-sprite-loader是干啥的？ 当你有很多的svg图片的时候，你可以使用svg-sprite-loader来把图片打包成雪碧图（不是心飞扬哪个雪碧），然后使用时每个svg对应一个name标识。 svg-sprite-loader安装 npm install svg-sprite-loade...
安装less less-loader报错
qq_51470342的博客
05-09 981
报错信息： Failed to compile with 1 errors Module build failed: TypeError: loaderContext.getResolve is not a function 可能是less-loader安装版本太高 卸载重新装 npm uninstall less-loader npm install less less-loader@5.0.0 -D 如果继续报错，可以尝试删除项目中的node-modules再重新安装 npm install 再安
error：Vue项目中使用lang=“less“报错
qq_45469341的博客
10-04 1753
error：Vue项目中使用lang=“less“报错
vue-cli3 antd定制主题
peppa_pig的博客
02-19 1141
这里可以参照官方文档。 项目根目录下修改vue.config.js文件（需要安装less和less-loader,且安装版本不能太高，我最开始安装最新的版本，一直有各种报错，之后卸载了再安装低版本的就可以了） // vue.config.js for less-loader@6.0.0 module.exports = { css: { loaderOptions: { less: { lessOptions: { // If you are
less安装报错，less-loader版本问题
【03】的博客
02-05 1万+
ValidationError: Invalid options object. Less Loader has been initialized using an options object。。。 此问题是在安装less中遇到的 webpack.confog.js { test: /\.(css|less)$/, loader: ['style-loader', 'css-loader', 'less-loader'], }, 解决 分析得出结论是less-loader版本问题 卸载less.
npm安装less-loader成功后报错及解决方案
yizhangzzzz的博客
03-22 3417
npm安装less-loader成功后，会报错 这是由于 less 和 less-loader 版本不兼容导致的 解决方案： 1.卸载高版本，安装低版本 首先卸载当前版本 npm uninstall less-loader 安装低版本，比如7.3.0 npm i less-loader@7.3.0 2.创建vue项目时安装less 创建vue项目时，选择 ...
安装less和less-loader后使用总是报错？
niannian55的博客
05-24 2043
安装less和less-loader后使用总是报错？ 安装了最新的开发依赖less-loader 版本9.0.0、less 版本4.3.1，使用时会一直报错； 报错原因主要是版本问题，因此需要将less-loader的版本降低为5.0.0； 先卸载less-loader：命令输入 npm uninstall less-loader 安装less-loader版本为5.0.0的：命令输入 npm install less-loader@5.0.0 最后安装less，重新启动项目（安装完成后必须做），就不
项目中安装 less 和 less-loader 命令
热门推荐
Kuroko's Development Notes
01-03 6万+
npm命令如下： npm install less less-loader --save-dev 或者 yarn命令如下： yarn add less less-loader --dev 建议安装在本地依赖，没必要装全局环境，安装成功后 package.json 如下：   要安装全局的话，直接参考less官网：  ...
webpack less-loader出现异常
u013261261的专栏
08-28 3835
笔者在webpack开发环境中编译less后，出现如下错误 Uncaught SyntaxError: missing ) after argument list 着实头大 后来，一步步排错 最终定位到  启动 参数上 "start": "webpack-dev-server --dev -d --hot --inline --config webpack.dev.config.
style-loader、css-loader、less-loader处理less样式文件/style-loader、css-loader、sass-loader处理scss样式文件
mobin518的博客
02-15 1697
less样式文件  :步骤同css样式的处理 1、cnpm i less-loader -D 安装less-loader加载器；cnpm i less -D 安装这个依赖； 2、配置规则：{test:/\.less$/,use:['style-loader','css-loader','less-loader']}  需要css样式的2个加载器；     scss样式文件  :步骤同cs...
vue3 - 报错 warnings when minifying css: <stdin> warning: expected identifie
12-16
在使用Vue3进行项目开发时，如果在对CSS文件进行最小化处理时出现警告信息：<stdin> warning: expected identifie。这通常是因为CSS文件中存在一些不符合规范的代码或者语法错误所致。 解决这个问题的方法可以从以下几个方面来尝试： 1. 检查CSS文件中的语法错误：检查CSS文件中是否存在拼写错误、缺少分号或者其他语法错误，修正这些问题可以解决报错警告。 2. 使用合适的CSS预处理器：如果项目中使用了CSS预处理器如Sass、Less等，可能需要检查预处理器的配置是否正确，以及是否存在与预处理器兼容性相关的问题。 3. 更新相关依赖：确认Vue3以及相关的CSS处理工具如CSS loader等依赖已经更新到最新版本，以确保不会因为版本过低导致报错警告。 4. 使用合适的构建工具：确保项目中使用的构建工具如webpack等配置正确，并且支持对CSS文件的最小化处理。 5. 查看开发者工具：在开发者工具中查看详细的报错信息，可能会帮助你找到问题所在。 总之，解决这个报错警告的关键在于仔细检查和排查可能导致问题的因素，修正相关错误或者调整配置，可以解决报错警告问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值