创建Nuxt.js项目安装less并使用报错

最新推荐文章于 2024-05-11 19:14:30 发布
最新推荐文章于 2024-05-11 19:14:30 发布
阅读量897 收藏
点赞数 1
文章标签： javascript vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/The_Fuir_ye/article/details/118088497
版权

创建Nuxt.js项目安装less并使用报错：
（Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function）
在这里插入图片描述
原因：less-loader的版本太高（当前为10）
解决办法：降低less-loader的版本为7.3.0

npm install less-loader@7.3.0 --save-dev

重启后即可解决这个报错问题

The_Fuir_ye
关注
nuxt.js - 【最新】简单快捷的 element ui 组件库的主题色更改，批量统一覆盖替换解决方法，无需npm装包。（适用于新手小白的方法，很简单）
高级前端工程师
04-12 3461
nuxt element ui 实现更换主题颜色，nuxt2怎么把element组件库的默认的蓝色主题改成其他颜色，nuxt element 组件库默认蓝色主题更换为其他颜色，nuxt更改element组件库主题色的超详细教程，nuxt 项目全局修改element-ui的样式/主题颜色，nuxt-element换肤所有主题色和基础色均可自主配置，nuxt中修改element plus 主题色，nuxt elementUI 主题颜色切换，nuxt2中自定义element-ui组件库的主题颜色，nuxt使用el
全局安装nuxt_Nuxt项目搭建到Nuxt项目部署
weixin_42502075的博客
12-31 684
a.为什么？Vue.js原来是开发SPA(单页应用)的,但很多人想用Vue开发多页应用(有利于SEO操作)，并在服务端完成渲染，于是Nuxt.js框架出生了，可实现用命令把vue项目生成为静态html。b.是什么？Nuxt.js简单的说是Vue.js的通用框架，SSR，即服务器渲染，是在服务器端将对Vue页面进行渲染生成html文件，将html页面传递给浏览器。优点：基于 Vue.js自动代码分层...
nuxt.js 使用less报错
xinTianou123的博客
03-15 997
less-loader版本太高会导致这个报错 改为 “less-loader”: “^7.1.0”
NUXTJS安装始终报错无法正常运行问题解决
觉醒法师的专栏
02-02 1699
近日在了解NuxtJS，按照官方给出方法进行安装后，不是报错，就是安装成功后运行不了。执行npm run dev后始终运行出错，判断肯定是对应版本问题，沿着这方向研究，最终运行成功了。
nuxt项目中引入ant design vue的less文件报错.bezierEasingMixin()
任磊
09-15 1118
最近使用nuxt@2.14.0版本当中使用，ant desgin vue 这个UI框架进行定制主题。 首先，在nuxt项目当中的assets文件夹当中创建less文件夹，在less文件夹下创建index.less和variable.less文件 在index.less文件当中，引入ant design vue的less文件，variable.less当中写上需要更改的主题变量 然后，将index.less引入到nuxt.conifg.js文件当中: 然后，启动项目 发现报错...
nuxt中less使用
weixin_30258027的博客
08-29 1238
刚刚接触nuxt,记录下学习过程，以备后用，这个less 的使用真是超级简单方便，赞一个 第一步 安装 npm install less less-loader --save-dev 第二步 使用 <style scoped lang="less"> .container{ margin: 100px 0 ; border-top: 1...
安装less/sass
程序员哆啦A梦，蓝胖子
05-14 792
安装sass npm i node-sass 安装wepy-compiler-sass插件 npm install wepy-compiler-sass --save-dev 在我的项目中使用才有用。
Nuxt.js踩坑总结分享
10-18
Nuxt.js是一个基于Vue.js的框架，用于开发服务器端渲染（SSR）和单页应用程序（SPA）的项目。本文对使用Nuxt.js开发中遇到的一些常见问题进行了梳理和解决方法的总结，以期帮助大家在使用该框架时能够更加顺利。 1....
nuxt页面跳转_Nuxt.js开启SSR渲染
weixin_31876475的博客
12-30 785
第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。1.那服务器端渲染到底有什么好处呢？主要的原因时SPA(单页应用)不利于搜索引擎的SEO操作，Nuxt.js适合作新闻...
nuxt vue node mysql_[vue] vue服务端渲染nuxt.js
weixin_33598481的博客
01-28 264
初始化使用脚手架工具 create-nuxt-app 快速创建npx create-nuxt-app npx create-nuxt-app 执行一些选择在集成的服务器端框架之间进行选择:选择您喜欢的 UI 框架:选择您喜欢的测试框架:选择你想要的 Nuxt 模式 (Universal or SPA)添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中。添加 EsLint...
nuxt2正确使用less
poppy995的博客
11-15 881
npm install less less-loader@7.3.0 --save-dev 指定loader版本，否则会报错
Vue2 项目重构为 nuxt.js 项目-使用 less 定义全局 css 变量
hebing2955的博客
10-24 397
在 assets/css 下定义 全局的 less 文件，定义了全局的主题色body {margin: 0;在组件中直接使用。
nuxt3安装less或sass自定义文件安装步骤
最新发布
知识共享
05-11 703
这里注意@nuxtjs/style-resources默认版本是如何下载这个版本会报错“对象字面量只能指定已知属性，并且“styleResources”不在类型“InputConfig＜NuxtConfig, ConfigLayerMeta＞”中。
引入less 报错: this.getOptions is not a function
名人卷耶
06-28 2781
问题：less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理。 （1）卸载原版本 npm uninstall less-loader （2）重新安装旧版本 yarn add less-loader@6.0.0
解决“Module build failed (from ./node_modules/sass-loader/dist/cjs.js)“错误
奇妙的Bug之旅
10-18 1万+
如果你在使用Node.js和Sass时遇到了"Module build failed (from ./node_modules/sass-loader/dist/cjs.js)"的错误，不要担心，这篇技术指南将详细介绍这个问题，并提供解决办法。首先，让我们深入了解这个错误。
Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions
热门推荐
zjbkzj的博客
02-24 2万+
采用vue cli 4x 脚手架开发vue2 项目时 在安装了 less和less-loader 后，编译项目的时候提示下面问题：Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function 经过搜索了解是less-loader的版本太高了当前是8 解决方式，降低less-loader的版本为7.3.0 npm install less-.
TypeError: this.getOptions is not a function 报错解决心得
jyz18838957183的博客
04-08 1512
原因就是: sass的版本太高了npm uninstall sass-loader 解决办法就是：npm install sass-loader@5.0.0 困扰我几天的问题 况且还是nuxt,js 写的网站
Nuxt.js项目创建全流程图解：从安装到配置详解
- **步骤一：初始化项目** - 使用`npm init`或`yarn create`命令创建一个新的Nuxt.js项目，这会初始化项目的基本结构和配置。 2. **项目配置** - **步骤二：项目基本信息** - 需要设定项目名称、描述以及作者信息...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值