nuxt.js 使用less报错

最新推荐文章于 2023-06-22 20:21:57 发布
最新推荐文章于 2023-06-22 20:21:57 发布
阅读量997 收藏 3
点赞数 4
分类专栏： nuxt 文章标签： vue bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xintianou123/article/details/114837022
版权

使用：nuxt.js 使用css预处理器

1.sass

由于国内网络环境原因，使用npm安装node-sass非常慢，我选择放弃
2.less

使用方法：

npm less less-loader --save-dev

<style lang="less" scoped></scoped>

报错

在这里插入图片描述
less-loader版本太高会导致这个报错
改为 7.1.0

"less-loader": "^7.1.0"

重新 npm i
npm run dev

xintianyou丶
关注
专栏目录
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.js 踩坑之旅，目录结构
人生代码 ---- 公众号
08-15 490
Nuxt.js 的默认应用目录架构提供了良好的代码分层结构，适用于开发或大或小的应用。当然，你也可以根据自己的偏好组织应用代码。 资源目录 资源目录assets用于组织未编译的静态资源如LESS、SASS或JavaScript。 组件目录 组件目录components用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件，即这些组件不会像页面组件那样有asyncData方法的特性。 布局目录 布局目录 layouts 用于组织应用的布局组件。 若无额外配置，该目录不能被
处理页面引入less资源
01-28
用于处理html页面中直接引入的.less样式，不用将less编译成css后后再引入
创建Nuxt.js项目安装less并使用报错
The_Fuir_ye的博客
06-21 897
创建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 重启后即可解决这个报错问题 ...
nuxt使用less
weixin_44220680的博客
06-08 1836
npm添加less less-loader sass-resources-loader 修改nuxt.config.js build: { transpile: [/^element-ui/], extend(config, ctx) { const sassResourcesLoader = { loader: 'sass-resources-loader', options: { resources: ['assets/
nuxt.js服务端渲染中less的配置和使用
人间草木
03-19 8308
第一步： npm 安装 less 和 less-loader，文件根目录下安装，指令如下 npm install less less-loader --save-dev 第二步： 直接在组件中使用 <template> <div class="my">my <div class="myy">111</div> &l...
Nuxt.js项目不识别import原因及解决方法
热门推荐
一位不知名小前端的一些笔记
01-07 1万+
1、问题 使用npx create-nuxt-app创建Nuxt.js项目，项目默认使用require引入依赖，如下： 平时习惯使用import，改为import Koa from 'koa'会报SyntaxError: Unexpected identifier，即不识别import错误。 2、原因 通过package.json可以看到，使用npx create-nuxt-app创建出来的Nu...
Nuxt.js踩坑总结分享
10-18
本文对使用Nuxt.js开发中遇到的一些常见问题进行了梳理和解决方法的总结，以期帮助大家在使用该框架时能够更加顺利。 1. 在标签中引入JavaScript文件的问题 Nuxt.js通过vue-meta管理头部标签。要在中引入...
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...
less/sass中变量通过js动态修改（基于css var变量方式）
最新发布
qq_42152032的博客
06-22 3786
mounted(){ const bgImgUrl = this.APP && this.APP.options && this.APP.options.login && this.APP.options.login.bgImgUrl; bgImgUrl && document.querySelector(':root').style.setProperty('--bgImgUrl', `url(${bgImgUrl})`); //注意：此处必
快速搞定 Less 之 —— 变量
我是张跑跑
09-27 1562
快速搞定 Less 之 —— 变量
Nuxtjs快速上手(Nuxt2)
许小叮当的博客
05-12 4520
nuxtjs快速上手(nuxt2) 本篇文章可以带你快速搭建一个简单的Nuxt.js项目，Nuxt.js是基于Vue.js的通用应用框架，Nuxt.js预设了利用Vue.js开发 **服务端渲染(SSR)** 的应用所需要的各种配置文章简要叙述Nuxt.js的基础功能，可以快速上手Nuxt！
less快速开始
Var_YanGuangYing
01-08 537
变量 值变量：以@开头定义变量，并且使用时直接键入@名称。 选择器变量： 属性变量： 混合 可以理解为一个模板，接收不同的值，返回相同属性不同值的样式。 ...
less变量
Var_YanGuangYing
02-11 2133
格式： @themeColor:#dddddd; @ 变量名 ：值 ； 五部分，末尾的分号不能省略 文件一中定义的变量在其他文件中引用时，需将文件一引入，引入格式： @import “文件一”；（引号内为文件一路径） ...
less文件中无法使用each函数
qq_36959274的博客
06-09 1804
有时候我们需要在less文件中循环生成一些类名 譬如 就会需要用到each函数循环设置css选择器规则。 于是我就在项目中使用了该函数，但是并没有生效，查询资料https://lesscss.org/functions/可知，该函数是在v3.7.0开始生效，该项目安装的less版本低于该版本，所以无法生效....
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...
Nuxt.js实战：配置与服务端渲染解析
"本文详细介绍了Nuxt.js的实战与配置，旨在帮助初学者理解和掌握Nuxt.js的使用，特别是服务端渲染功能，以解决Vue项目的SEO问题。文章通过对比Nuxt.js与纯Vue项目的区别，展示了Nuxt.js在构建、部署和项目入口等方面...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值