[vite:css] start value has mixed support, consider using flex-start instead

最新推荐文章于 2024-01-09 17:29:48 发布
最新推荐文章于 2024-01-09 17:29:48 发布
阅读量202 收藏
点赞数
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/athal/article/details/132178809
版权

 一.bug出现

今天(2023-08-08)练习nuxt3，创建项目后发现了一个问题。

开发环境启动后，出现这个警告，查了一下，是说这个start应该更改为flex-start，但是不提示所在文件，很烦。

二.解决

找了很久，最后通过vscode的查找功能发现是在node_module里的@nuxt包里面的警告，遂更改。

三.原因猜测

前一天刚创建了另一个nuxt项目，这是两个项目的Main.vue在样式方面的对比：

 

 样式发生了变化，整个组件也改变了不少。推测可能是官方自己修改了组件，但样式没改对......

 

 

athal
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[plugin:vite:css] variable @link-color is undefined又出来这样一个bug
weixin_40945354的博客
04-14 4979
[plugin:vite:css] variable @link-color is undefined ivyone@ivyonedeMacBook-Pro guagua1 % npm run dev > guagua1@0.0.0 dev > vite vite v2.1.5 dev server running at: > Local: http://localhost:3000/ > Network: http://192.168.3.11:300
【编译报错处理】start value has mixed support, consider using flex-start instead
热门推荐
kikikiuu的博客
09-26 1万+
这两天启动项目的时候，编译器会报以下的错误：start value has mixed support, consider using flex-start instead，但是却不影响正常的运行，但是看着很心烦，百度了下，在此记录解决的过程 看到报错中出现了 flex-start，到报错指定的文件去寻找对应的flex属性，一般都是写了start，没写flex-start，所以直接在这个文件全局ctrl+F键寻找start，然后定位错误 修改成flex-start,即可 最后，报错消失啦~ 总结.
vue报start value has mixed support, consider using flex-start instead”编译警告，在这里轻松解决！
Enjsky.G的博客
05-21 9245
前言 今日在进行项目开发的过程中，遇到编译警告异常，此警告虽然不会影响项目正常运行，但对于用心去开发的小伙伴们来说，在自己的项目中，不得存在一点错误，哪怕是一个警告，所以在这里我将帮助遇到这个问题的小伙伴们轻松解决这一问题。 警告异常分析 如下图，可以了解到这是一个警告异常，且异常内容为“start value has mixed support, consider using flex-start instead”即开始值有混合支持，考虑使用flex-start代替。 解决方案 于以上经过分析，了解了异
vue3.0运行项目报start value has mixed support, consider using flex-start instead
sinat_41657240的博客
04-12 1047
今天npm run serve 项目文件，一直显示这个问题，看见就很烦 这里的错误主要是编译过程中 错误的使用flex布局 解决方案： 在vue css 代码中看看是否使用了align-items: start;或者justify-conten:start 将其改为align-items: flex-start;justify-conten: flex-start就行了 ...
【Vue】Warning：“start value has mixed support, consider using flex-start instead“ 解决方法
ACM_THORN的博客
08-07 773
Vue终端警告，涉及css样式
处理“start value has mixed support, consider using flex-start instead”编译警告
Misnice的博客
10-20 1462
这个报警是因为之前的CSS弹性盒子模型写法是这样的： div{display: flex;justify-content: start;} 但是这种是很早的属性值了，新的属性值应该是flex-start，如下： div{display: flex;justify-content: flex-start;} 解决方法：把项目中的 start 改成 flex-start 就可以了 ...
vue3-app-vite:vue3-app-vite
04-09
vue3-app-vite pnpm安装使用 npm i pnpm -g pnpm config set registry http://registry.npm.taobao.org pnpm i npm run dev
electron-vite-quick-start:全栈使用 Vite 运行 Electron 应用程序，包括主进程
07-24
该项目已被收录到。 Electron-vite-快速启动 :high_voltage: 全栈使用 ...$ cd electron-vite-quick-start # Install dependencies $ yarn install # Run the app $ yarn run start 建造 $ yarn run build 去做 执照
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
立即使用Vite 无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
用vite搭建vue3.0时，初始化失败 npm ERR! Could not install from “Files\nodejs\node_cache\_npx\13480“ as it does
Len_W的博客
04-30 1209
项目场景： 用vite搭建vue3.0时，初始化失败 问题描述： 用vite搭建vue3.0时，初始化失败 原因分析： Could not install from “Files\nodejs\node_cache_npx\13480” as it does not contain a package.json file. 出现问题的原因是node_cache的路径中存在空格 解决方案： npm config set prefix C:\Program Files\nodejs\node_global n
vite中如何更优雅的使用css
老司机的后备箱
01-16 2918
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
【Vite】对 CSS 处理
Superman_H的博客
04-15 2276
Vite 会使用 esbuild 或 PostCSS 来转换 CSS 文件 Vite 解析 CSS 文件的过程： ① 使用 fs 模块读取 .css 文件的内容 ② 创建一个 style 标签，将 .css 文件的内容 copy 到 style 标签内 ③ 将 style 标签插入到 index.html 的 head 标签中 ④ 将该 .css 文件的内容替换为 Js 脚本，以便于 CSS 模块化 & 热更新 # CSS 模块化 (CSS Module) 在协同开发时，可能会出现
开发过程遇到的小问题
D_JOY_W的博客
06-16 430
记录开发遇到的小问题
一、Vite css处理（模块module、sass less预处理、获取CSS代码字符串）
黄彪博客
06-17 5831
如果 css.modules.localsConvention 设置开启了 camelCase 格式变量名转换（例如 localsConvention: ‘camelCaseOnly’），你还可以使用按名导入。
vue3+vite+tailwind.css无效问题，兄弟们我来解救你们了
最新发布
qq_42957741的博客
01-09 1800
1.按照文档配置，原模原样写，最终发现没效果。那是应为vite.config.ts没有配置，保你100%有效果！
[plugin:vite:css] variable @base-color is undefined
weixin_47886687的博客
09-07 4685
[plugin:vite:css] variable @base-color is undefined
vue项目css报错问题
newbaby123的博客
12-24 1191
可以去检查自己的less 或者是scss版本，安装过高版本的会导致不兼容报错，新版本不稳定，可以尝试卸载后重新安装一个低版本的
end value has mixed support, consider using flex-end instead
agua001的博客
10-28 9335
1、cmd使用npm编译警告： 2、主要看：end value has mixed support, consider using flex-end instead 3、大概意思就是使用flex调样式的时候： justify-content: end; 4、修改成： justify-content: flex-end; 5、舒服： 安静
[vite] [plugin:vite:css] [sass] undefined variable.
07-18
其中 [plugin:vite:css] 是用于处理 CSS 的插件，它提供了许多功能和特性。 而在使用 Vite 和 [plugin:vite:css] 进行开发的过程中，如果出现了 "undefined variable" 的错误，那么很有可能是因为在使用 [sass] 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值