解决react项目less依赖版本不一致问题

最新推荐文章于 2023-02-24 11:14:14 发布
最新推荐文章于 2023-02-24 11:14:14 发布
阅读量680 收藏
点赞数
分类专栏： 前端 文章标签： react.js less sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EasyTure/article/details/124959863
版权

如图，git clone的项目，运行时提示sass-loader没有配置，

于是去项目根目录下， 找到package.json，配置sass和less/less-loader的版本，如下图

配置好了运行npm install重新安装依赖，再执行npm run start，报上图的错误，说明less的版本还是不对，这种情况尝试去降低版本或者升级版本，多试几次就好了

尝试依次运行命令

RUN yarn remove node-sass
RUN yarn add -D sass
RUN yarn install

庹明志的IT博客
关注
专栏目录
react脚手架创建项目
qq_41051239的博客
02-22 1636
在mockData.js中引入mockjs，并写模拟的返回数据，第一个参数是接口，第二个是请求类型，第三个是一个函数，接收请求参数并处理之后返回数据。代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题，提前避免错误发生。冲突情况，记得检查package.json和.eslintrc.js文件内容是否有引入版本不同导致的冲突情况。可以极大的提高项目中多人协作开发时的效率、代码的可读性以及可维护性。命令将配置完全暴露出来，但这是一个不可逆的操作，复杂的。
react项目依赖包版本不同的解决方案
m0_60322879的博客
05-30 1509
1
react 添加 less 支持（v16.8+ 版本）
strong90的博客
12-27 395
1. 运行 yarn eject 2. 找到 config 文件 3. 修改 webpack.config.js 中的内容，如下图的三处，重新运行 yarn start 即可
react v16.7 版本配置 less less-loader antd按需
南思琼海
01-03 1334
第一步 create-react-app myapp 创建同一个react项目 yarn add antd less less-loader babel-plugin-import 需要配置的 less 和 babel依赖 第二步 yarn eject 暴露出 react webpack配置 上面暴露 webpack命令时 请查看下自己当前目录或上层目录是否有为提交的git 如果有未提...
使用vue搭建项目，因为less 与 less-loader版本不匹配，无法编译的解决办法!
TO_NARUTO的博客
08-13 5822
前言： 今天通过跟随b站vue实战电商后台管理系统学习搭建项目时，进行到下载依赖less 和 less-loader来编译 less 预处理样式，检查没有其他报错，但总是无法编译。因为我刚开始是通过vue ui界面下载的版本，两个依赖版本如下： 后来查找相关资料，猜测可能是版本不匹配问题，因为有类似sass的报错参考： stackflow关于sass版本不匹配的解决办法 然后按照参考信息，成功解决了！ 报错信息： error in ./src/components/login.v...
react+antd 项目中 Less Loader 版本差异、解决方案
zhou
10-26 1265
在 react 项目开发时引用 antd，配置 less 后，报错信息包含： ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'modifyVars'. These properties are valid: obj
react-buildreactcli一个React项目脚手架工具
08-15
1. **项目初始化**：通过命令行接口，开发者可以一键生成包含所有必要依赖和配置的新React项目，省去了手动安装和配置的麻烦。 2. **模板选择**：提供多种预设的项目模板，比如“基础模板”、“带路由的模板”或...
My-React-Projects:React项目
03-27
在这个React项目中，`package.json`文件记录了所有依赖的版本信息，通过npm命令可以安装或更新这些依赖。 5. **font-awesome**：这是一个流行的图标库，提供了大量的矢量图标。在React应用中，可以通过npm安装后...
react-seed:每当我想开始一个新的React项目时，我都会使用它
06-16
React-seed 是一个基于 React 的项目模板，专为快速初始化新项目而设计。当你准备启动一个新的 React 应用程序时，它可以作为一个起点，避免从零开始设置基础结构。这个种子项目通常包含了必要的配置和依赖，使得...
react-React组件脚手架可以调试打包发布单个React组件
08-15
本项目“react-component-starter-master”是一个专门为React开发者提供的组件开发、调试、打包和发布的脚手架，旨在简化这个过程。 在React组件开发中，首先你需要理解组件的概念。React组件是可重用的代码块，...
React新的安装less的方法
weixin_30553777的博客
05-30 135
yarn add less less-loader -D yarn eject 在webpack.config.js文件中 const sassRegex = /\.(scss|sass)$/; const sassModuleRegex = /\.module\.(scss|sass)$/; 在下面新增两条 const lessRegex = /\.less$/; const less...
关于webpack打包时less-loder安装报错处理
Yeira的博客
08-05 827
关于webpack打包时less-loder安装报错 loadercontext.getresolve is not a function 需要换低版本的less-loader 在package.json的“devDependencies“查看对应的版本 如下的命令修改less和less-loader的版本 npm install --save-dev less-loader@4.1.0 less@3.9.0 改成 "less": "^3.9", "less-loader": "^5.0.0" 然后重
npm或cnpm安装依赖和package.json定义版本不一致
最新发布
彦祖的博客
02-24 2019
npm或cnpm安装依赖和package.json定义版本不一致
依赖冲突解决
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
10-13 3850
【代码】依赖冲突解决。
react配置less的详细步骤
m0_59324574的博客
09-01 1288
第一步： 第二步：为啥修改下载源，create-react-app 默认的下载是通过npm进行下载，如果不修改npm的下载源，npm下载就会变的很慢所以需要修改源 npm config set registry 第三步：首先先创建一个react的项目 create-react-app demo 第四步：首先下载 less less-loader npm installless-loader less--save-dev 第五步： 查找node_modules 下面的r...
React18 新特性解读 & 完整版升级指南
老司机的后备箱
06-10 2160
已经放弃了对 的支持，将于 停止支持 ，如需兼容，需要回退到 版本。 升级 新项目： 直接用 或者 安装最新版依赖即可（如果是js，可以不需要安装types类型声明文件） 旧项目： 先把依赖中的版本号改成最新，然后删掉 文件夹，重新安装： 新特性 一、 Render API 为了更好的管理， 引入了一个新的 ，新的 还支持 （并发模式的渲染），它允许你进入（并发模式）。 同时，在卸载组件时，我们也需要将 升级为 : tips：我们如果在 中使用旧的 ，在项目启动后，你将会在控制
antd按需引入遇到的less和less-loader版本问题
阿秋吖的博客
02-07 4468
初始化 react 项目时候安装 less 和 less-loader 默认less是4.0版本,less-loader是8.0版本。 yarn start启动项目的时候报错 TypeError: this.getOptions is not a function 发现是由于less-loader版本过高，于是降到 5.0.0 版本 在运行，又报错 // https://github.com/ant-design/ant-motion/issues/44 .bezierEasingMixin(); ^
react中引入AntDesign4.0版本进行自定义主题同时配置less
summer鸿的博客
04-22 720
1. 自定义主题可以参考AntDesign4版本https://ant.design/docs/react/use-with-create-react-app-cn 2.我这边主要是引入antd.less报错了。 3.然后我这边主要是因为没有配置less，使用yarn add less less-loader安装less 4.配置less-loader需要暴露webpack配置文件，这就要使用create-react-app脚手架工具提供的 eject 命令，打开终端运行 yarn eject命令..
less在React中不生效 以及 为React项目配置less支持
前端历险记的博客
07-22 2735
less在React中不生效 以及 为React项目配置less支持 通过create-react-app脚手架创建出来的React项目默认是不支持less的，这也就是为什么明明引入了.less样式文件，样式却不生效的原因。所以接下来我们开始为React项目配置less支持。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值