vue3.0 + vite 使用less报错解决方法

最新推荐文章于 2025-03-20 09:53:22 发布
最新推荐文章于 2025-03-20 09:53:22 发布
阅读量1.4w 收藏 9
点赞数 10
分类专栏： 前端 vue 文章标签： vite vue3.0 + vite vite使用less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45289067/article/details/113991362
版权
使用less报错:
[vite] Dep optimization failed with error:
Could not load os (imported by node_modules\less-loader\dist\formatLessError.js): ENOENT: no such file or directory, open 'G:\xt\vue3\os'
[Error: Could not load os (imported by node_modules\less-loader\dist\formatLessError.js): ENOENT: no such file or directory, open 'G:\xt\vue3\os']

最后网上查到 vite 使用less 必须要将 package.json 中的 less 和less-loader写在 devDependencies 里面
在这里插入图片描述

vite2.0+vue3.0+vuex+vue-router4+typescript+less 从0搭建项目
能
05-15 782
环境准备 node版本12.0.0以上 一：先使用vite搭建项目 1.命令行输入 npm init@vitejs/app 选择 vue 和 typescript 键入这三个命令 安装基础包 成功 二.接下来修改成自己习惯的项目架构 1.首先搭建vue-router 架构， 先安装vue-router依赖 less 依赖 在src 目录下 新建views 文件夹 这里包含所有页面结构 views目录下 新建 Index目录， 这里是首页，新建三个文件in..
vue3：vue3+vite+ts+pinia
snow的博客
09-09 7743
输入名字后，这里出现了几个选项，不清楚都是干啥的，下来研究。经过测试不需要安装sass-loader，安装了会报错。查看url已经有参数了，，查看查询结果，生效，ok。参数要一致，不一致就会报错。问题得到处理，不报错了。
vue vite项目使用less添加样式报错
weixin_45773788的博客
07-03 1998
若是浏览器报500错误：则可能是未安装less依赖包若是启动项目报错，如下图： 则可能是less依赖包安装位置错误。vite 使用less 必须要将 package.json 中的 less 和less-loader写在 devDependencies 里面即在命令行安装依赖包时使用npm i less -D命令自动安装到devDependencies下，安装完成后重新执行npm run dev指令运行项目即可。...
vue里面的less报错
CQ_QingNing的博客
08-15 282
问题描述： webpack项目报Expected indentation of 0 spaces but found 2解决 解决方案： 1、在工程根目录下找到.eslintrc.js 2、在rules标签中添加 'indent': 'off' 3、重启项目npm run dev 原因分析： 提示：这里填写问题的分析： 例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 ...
Vue3+Vite中使用Less
最新发布
qq_44136028的博客
03-20 899
(需要自己新建一个存放共享的变量的文件如：mixin.less)
vite+ts 无法识别less文件
weixin_67489578的博客
02-23 1198
然后在入口的index.less文件中引入对应的less文件。然后在vite.config.ts文件中配置less。然后在main.ts 中引入index.less文件。注意：要将less文件放在一个文件夹当中。先安装less和less-loader。
vue-cli3全局引入less变量报错：Variable @priceColor is undefined或Variable @BG is undefined
細水、長流√的专栏
06-01 3123
当有一个可在全局使用的公共less变量文件 variable.less 如何写才能一次性在所有.vue文件中引入这个文件?我尝试了几种方法 1:安装style-resources-loader 然后配置 使用后 没有任何效果 测试了 ./src @/src ~@/src 依然没有任何效果使用后 没有任何效果 测试了 ./src @/src ~@/src 依然没有任何效果2:在main.js中引入variable.less这样确实可以获取到variable.less中的样式 但是变量拿不到 提示:Var
vue3.0+vite+ts build打包报错问题汇总
Cocoon_Xu的博客
02-29 7471
一、打包报错问题：Did you mean to enable "allowJs" option?解决方法：tsconfig.json文件中，“compilerOptions”配置"allowJs": true||===================================================================||二、打包报错问题：Property ‘ ‘ does not exist on type ‘never‘解决方法：将 package.json 文件中的 "bu
vue3.0+electron+element-plus项目搭从0开始建教程（1）
AngerJava的博客
04-20 2185
vue3项目搭建
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 2960
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
vite+vue3+ts 从0教你创建一个vue3项目 (pnpm)
许小叮当的博客
12-29 1177
本文介绍了如何使用Vite创建Vue3项目，涵盖了从安装Vue3、配置less/scss、到安装Vue Router、Pinia状态管理、axios的过程。还讲解了如何添加Element Plus组件库，以及Echarts的集成。
浅谈vue引入css,less遇到的坑和解决方法
08-28
下面小编就为大家分享一篇浅谈vue引入css,less遇到的坑和解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【Vite】使用报错合集
weixin_57844432的博客
03-05 6654
Vue3报错Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. 无法找到模块“../views/HomeView.vue”的声明文件。“/Users/lianwei/Desktop/old/PersonalProject/vite-demo2/src/views/HomeView.
Vite打包静态资源无法加载问题
weixin_48328458的博客
03-28 2569
问题：本地npm run dev正常，build 之后preview和部署到github pages之后Failed to load resource:404。场景：开发前期使用静态资源作假数据，含嵌套父子组件传值。这部分尝试用引入方法时也出现加载不出来但不报错的情况。1.页面需要直接显示的部分尽量用标签直接引入。2. 文件中各处使用引入的方式使用。项目：Vue3 + Vite。
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，
jieyucx的博客
03-01 201
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，
uniapp创建自定义组件报错
qiuyushuofeng的专栏
06-21 1726
It's not allowed to load an initial chunk on demand. The chunk name "components/goods-list/goods-list" is already used by an entrypoint.
避坑_node-sass安装问题及解决办法
桃花扇的博客
02-14 1177
在编译sass文件时，需要用到node-sass，但是百度搜索node-sass就知道node-sass有多少坑了，不是安装失败，就是无法build模块，真的很搞心态，加上官方也推荐使用dart-sass，所以真的没必要，直接别用了。 如果之前下载过node-sass，不管成功没成功，建议直接用npm uninstall node-sass卸载一遍再说，卸载完成之后记得删掉node_modules，然后npm install sass sass-loader -D ，最后 npm install 把...
Module Error (from ./node_modules/eslint-loader/index.js)错误的解决方法
热门推荐
代码在路上的博客
02-18 1万+
运行vue项目时出现如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): C:\myvue\src\components\Vcontent.vue 4:15 error Parsing error: unexpected-character-in-attribute-name vue/no-parsing-error
Vue3.0 + Vite2 快速开发脚手架实践指南
Vite 2与Vue 3.0搭配使用，能更好地发挥Vue 3.0的性能优势。 2. **Vite 2**: Vite 2是一个构建工具，以现代浏览器为原生支持，提供快速的开发体验。它通过动态导入、懒加载等功能来实现按需加载，从而加速初始页面...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值