项目中导入less报错的解决办法Syntax Error: TypeError: this.getOptions is not a function

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： WEB前端 日常问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34527715/article/details/115456391
版权

今天在项目中使用了less语法，结果出现了错误，安装、代码和报错如下情况

 
解决办法

查了一些资料，发现是因为less-loader的版本太高了。改成7的就行。

重新执行一下

npm install  
之后重启项目就可以了

 

闷葫芦-
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Less编写函数(mixin/@functions)的小技巧分享
weixin_34146986的博客
05-09 1万+
技术背景 开发移动端Web项目的时候，有一种弹性布局的方案是基于rem开发项目。 简单来说，应用淘宝 lib-flexible（虽说有新方案vw，暂时先不讨论）后，会根据窗口宽度大小在document.body节点计算生成font-size。然后该页面的所有节点元素可以使用rem，依据根节点的font-size计算大小 rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue.js项目引入less文件报错解决
卜小娴的博客
09-21 1万+
最近用vue-cli+webpack构建项目时，当在app.vue或者其他组件中中引入less文件时会报错，如下所示：import '@/less/detail.less'报错如下： 根据报错信息说是相关依赖babel-loader和vue-loader没有找到，但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置
vue 使用less 版本太高导致报错Syntax Error: TypeError: this.getOptions is not a function
statfly的博客
10-26 268
npm install less less-loader --save-dev 默认安装版本过高， 应指定版本安装 "less": "^3.0.0", "less-loader": "^5.0.0",
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 7369
正确解决TypeError: xxx is not a function异常的有效解决方法
Vue项目安装less报错Syntax Error: TypeError: this.getOptions is not a function
weixin_43690623的博客
01-28 1634
Vue-cli4安装less，但是一直报错 在终端输入以下命令安装less： npm install css-loader style-loader --save-dev npm install less less-loader --save-dev 使用lang="less"之后发现编译报错： Syntax Error: TypeError: this.getOptions is not a function 上网找了方法，重新安装很多次，还是不行。 最后找到一个原因：less-loader安装的版本过高
css @import踩坑
LYSMQ的博客
11-26 579
css @import踩坑 事情起因 <style lang="less" scoped> @import "aa"; </style> 在a文件引入后，本以为是可以局部引用，不会污染全局变量 但在写b文件，没有引用该less文件时，却有一些奇怪的样式 当时查看chrome浏览器的控制台后，发现重名类名，被给予 了a中的样式，开始怀疑是否是**@import**会使其全局引入 @import并不是直接将目标文件的代码引入到使用的文件中来，而是发起了一个新的请求，获得相应资源，这
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解
01-07
JS错误Uncaught SyntaxError: Cannot use import statement outside a module< 分析及解决方法 错误信息： 错误分析： HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 ...
解决pip install xxx报错SyntaxError: invalid syntax的问题
09-19
今天小编就为大家分享一篇解决pip install xxx报错SyntaxError: invalid syntax的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
编译less Syntax error: Unknown word 报错问题
北海一刀
08-13 2555
解决办法 修改webpack配置文件，在modulerules里面配置上less { test: lessRegex, exclude: lessModuleRegex, use: getStyleLoaders({ importLoaders: 2, ...
less全局设置，less安装步骤设置全局，vue组件使用less。this.getOptions报错处理
努力中的小曾
11-26 2685
我把我挖的坑给你们看看。如果是你的菜，麻烦点个赞，也帮助更多的小伙伴。 首先添加全局的global.less文件, 具体位置我是放在 src/assets/css/global.less 如图 global.less内容为以下: @color000:#000;//设置全局的黑色,具体看自己的业务要求 在全局文件下创建vue.config.js文件，如图 vue.config.js内容为以下： const path = require("path"); module.exports = {
less 的安装和简单使用
qq_40101922的博客
04-12 1144
安装：npm install less less-loader --save-dev 接下来找到bulid目录下的webpack.base.conf.js并打开，找到module下的rules写下配置： { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } 然后在组件中就可以使用了： &l...
iview框架，npm run dev报错：error in ./src/index.less
weixin_30873847的博客
06-20 611
使用iview框架，npm run dev报错： error in ./src/index.less Module build failed (from ./node_modules/less-loader/dist/cjs.js): 解决方式：vue.config.js文件添加以下代码 module.exports = { css: { loaderOptions: { ...
less 使用mixins import导入路径@/xxx.less 解析报错
hzxOnlineOk的博客
08-12 5441
配置多个站点404 我选择了配置多个location。 location / { root /data/html/; index index.html index.html; } location /publicity { root /usr/local/nginx/hzcloud-timp-front/; index index.html index.htm; } 配置完以后访问。http://xxxx/...
SSM整合(Spring+SpringMvc+Mybatis)
qq_41971768的博客
09-09 596
SSM 整合 文件说明： springmvc.xml : 配置SpringMvc框架相关 springcontext.xml ： 配置Spring容器 和整合mybatis
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
热门推荐
仙魁XAN
10-29 2万+
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 目录 IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...
vue使用less-loader出现TypeError:this.getOptions is not a function的错误解决
曹豆芽
05-12 4713
当我们直接去安装less-loader模块之后，可能会出现下面的错误， 那么这个原因是我们直接npm install less-loader的时候，下载的版本太高，无法去兼容getOptions函数方法，这个时候只需要把版本降级就好了。这个就会发现已经是不会有报错的。 npm uninstall less-loader//卸载当前的less-loader npm install less-loader@5.0.0//下载指定的版本less-loader ...
npm run build报错 Syntax Error: TypeError: this.getOptions is not a function
08-20
根据报错信息来看，似乎存在一个 `this.getOptions is not a function` 的 TypeError。这意味着在您的代码中，出现了一个没有被正确定义的 `getOptions` 函数。 请确认以下几点以帮助解决问题： 1. 检查您的代码中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值