vue 的main.js 引入less报错

最新推荐文章于 2025-06-14 15:03:11 发布
最新推荐文章于 2025-06-14 15:03:11 发布
阅读量2.9k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： vue less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42541498/article/details/89312781
本文解决了一个常见的Vue项目配置问题，即在使用vue-cli生成的项目中重复配置了Less处理器导致的错误。文章指出，由于vue-cli默认已经包含了Less处理器，因此额外的配置会导致冲突。解决方案是删除多余的配置，以确保项目的正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原因是：vue-cli生成的项目本来就内置了less处理器，而我又写了一遍，把红框里的删掉就好了

 

 

this.name
关注
说一说实战项目升级从vue2到vue3 之main.js 区别
weixin_44191425的博客
01-21 1330
相信很多人都对尤大口中的vue3蠢蠢欲动许久了，但是很多人就是一头雾水没法下手，不知道改怎么搞，或者怕项目升级报错什么的。 我自己的成功的把项目进行升级了，所以想简单记录一下。 简而言之首先就是版本嘛 vue3 vue-cli 4.x.x vue-router 4.x.x vuex 4.x.x 总体来说vue3的相关配置什么的和vue2没啥区别 就升级一下版本几乎就兼容vue3了，包括config的配置、webpack配置等等。 其实很多人最主要的是想知道项目怎么
Vue中env为 production 后，main.ts引入的动态组件失效问题及解决方案
weixin_52562955的博客
11-20 1012
在入口文件main.ts中，动态引入了组件，如下： main.ts import Vue from 'vue' import importCommonComponents from '@/plugins/common' importCommonComponents(Vue) plugins/common import commonComponents from '@/components/common/index.ts' import { VueConstructor } from 'vue' expo
main.js中引入less文件报错
qq_45928378的博客
09-17 1275
今天在一个vue项目中，打算修改vant的主题,然后出了意想不到的错误，在main.js中引入less文件，项目启动的时候报错。 找了会没找出原因,然后在之前的老项目上试了一下是没问题的，从这里就可以知道肯定是某个东西版本的原因，最后发现是脚手架的原因，新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面，我们只需要到build文件下把webpack.base.conf.js文件修改一下就可以，删除或者注释掉这段代码，项目就可以正常运行了。 ...
Vue项目main.js导入less文件报错
qq_41283061的博客
07-04 1110
import './styles/index.less' 报错： 原因：新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面。去webpack.base.config.js中删除这段代码，重新运行，ok.
Vue 26 | Less
最新发布
千禧年无敌优香大王的博客
06-14 739
如果html中，某个div的class属性名定为common，那么如果此时less文件中有一个公共样式包装也叫common，那么会直接作用在同名的div标签上，这样就是有污染，所以可以采取命名空间的写法来解决。传统的css就是在style标签中单个添加，像上面这样有嵌套的还要不断的通过.来逐级添加样式，这样不太方便。在项目开发过程中，可能会有这样的场景:ul列表下有几个li标签，li标签有默认的样式。想要公共的less文件作用在所有的less文件中，要在当前使用的less文件中导入。
vue在main.js引入less文件报错
mynameisjinxiaokai的博客
09-11 774
原因：vue-cli已经帮我们把less-loader配置好了，放在了util.js里面，去webpack.base.config.js中删除loader配置，重新运行。
vue在main.js引入less文件一直报错问题
米老头
02-21 3975
今天在main.js中使用 import './assets/style/base/global.less' 引入less文件一直报错，而引入css文件却是可以的。 经查找是需要require引入依赖，才可以正确运行   ...
vue项目main.js引入less文件一直报错
Coder_KellySha的博客
09-03 5189
问题：在main.js中引入less文件的时候一直报这个错误     解决方法：在build->utils.js中，图中位置加入 javascriptEnabled: true // <- enable this option 这句就没有问题了。...
vue component 中引入less文件报错 Module build failed
10-17
在Vue组件中引入Less文件出现“Module build failed”错误的问题及解决方法 在使用Vue框架进行Web开发过程中，开发者可能会遇到一个比较棘手的问题：在Vue组件的`<style>`标签中引入Less文件时，出现“Module build...
VueJS如何引入css或者less文件的一些坑
01-21
首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即 require('./assets/css/main.less'); 这时，我们会抛出一个错误，是因为我们没有写解析的依赖，webpack不知道怎么解析 　 这时，我们要填写上依赖...
浅谈vue引入css,less遇到的坑和解决方法
08-28
在 main.js 中使用 require 引入 Less 文件，例如： ```javascript require('../node_modules/vux/src/styles/reset.less'); ``` 这样可以成功引入 Less 文件，但是这种方法有一定的局限性，例如无法使用 Webpack 的...
vue 在 main.js 引入less 文件报错解决
web_wq
03-18 1524
1. 2.加入javascriptEnabled: true // <- enable this option
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项目记录】vue中使用less报错
xilejie的博客
04-13 478
记录一下自己在项目中遇到的各种问题及解决方案。 目录1、使用less出现报错2、main.js使用less报错 1、使用less 1、安装less依赖 npm i less less-loader -S 2、修改配置build/webpack.base.conf.js { test:/\.less$/, loader: "style-loader!css-loader!less-loader" } 3、在使用的时候，style标签上添加lang="less"就可以用了。 出现报错 .
mpvue搭建+全局管理main.js+路由+引入less文件
李三岁的博客
07-06 590
mpvue搭建+全局管理main.js+路由+引入less文件
vue:ts中引入报错：// 引入a找不到模块“../../xxx/xxx”或其相应的类型声明
qq_56507133的博客
01-15 235
文章知识点与官方知识档案匹配，可进一步学习相关知识。// 引入vue模块中ts的方法。// 定义vue组件以及类型注解。
vue中启动less报错
03-18
另外，用户可能在main.js中直接引入less文件导致错误，如引用[2]所述，应该避免在main.js引入，或者在vue.config.js中正确配置loader。 可能的遗漏点：是否需要检查vue.config.js中的配置？或者是否存在其他依赖...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值