问题是在 .babelrc 写入一些配置之后，CSS 不生效的情况。

最新推荐文章于 2023-02-23 10:38:58 发布
最新推荐文章于 2023-02-23 10:38:58 发布
阅读量853 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Douglas_Ryan_/article/details/104823704
版权

在这里插入图片描述
问题是在 .babelrc 写入一些配置之后，CSS 不生效的情况。
可能是因为配置没有进行更新，所以我们在命令行输入 npm install 更新配置项就好了。
也使用于更改配置之后配置不生效。

Layne_Lin
关注
15K的前端应届毕业生，就因为掌握了这些知识点！（前端企业级开发必备）
孙叫兽的博客
10-24 2万+
目录 1.前端开发 下载安装VScode 优化配置 2、插件安装 3、设置字体大小 4、开启完整的Emmet语法支持 5、视图 2.Node.js 入门 2.1、什么是Node.js 2.2、Node.js有什么用 2.3、安装 下载： 2.4、快速入门 2.5、服务器端应用开发 3、ES6入门 3.2、let声明变量 3.3、const声明常量 3.4、解构赋值 创建 3.5、模板字符串 创建 3.6、声明对象简写 创建 3.7、定义方法简写 3.8、对象拓展
Vue.js + Vuex + TypeScript 实战项目开发与项目优化
前端高薪进击手记
03-02 526
引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。，我们可以只引入需要的组件，以达到减小项目体积的目的。完整组件列表和引入方式（完整组件列表以。需要注意的是，样式文件需要单独引入。
es6学习---.babelrc文件
a1178118728的博客
05-04 479
babel是用来进行转码的，在不支持es6的环境下，需要将es6的语法转码成es5的语法格式，就用到了babel。 .babelrc 文件的配置 在项目的根目录下创建 .babelrc 文件 文件包括两部分： { "presets":[], "plugins":[] } 　　"presets"用来设定转码的规则；plugins是需要安装的插件 规则：...
javascript 忽略 报错_.babelrc ignore忽略js无效
weixin_39782782的博客
01-12 847
新手，见谅。1.问题：webpack + vue-cli项目,使用babel转义es6，其中我有一个js采用了老式的写法，比如这种：delete obj;严格模式下会webpack会报错，所以修改babel配置文件 .babelrc，用ignore忽略这个js文件，但是无效2.代码：.babelrc{"presets": [["env", {"modules": false,"targets": ...
VUE项目按需引入ELEMENT-UI，修改.BABELRC文件之后报错
weixin_44999716的博客
02-20 683
VUE项目按需引入ELEMENT-UI，修改.BABELRC文件之后报错 （慕课网小米商城的项目11-2_ElementUI运用） 自己在这里新建的.babelrc文件会和vue-cli自动创建的babel.config.js文件在编译时发生冲突而报错，原因是这两个文件里的内容功能上作用相同都是利用babel作为js的编译器，但在编译时不会合并在一起，所以直接留babel.config.js文件就行，把.babelrc里面应该设置的内容粘贴在babel.config.js文件中就行了。 babel.conf
babel安装完成却不能使用的解决方法
kellywong的博客
07-18 7045
使用win10按照网上的教程安装babel转换器，明明很简单却总是报错，忘记截图了。。。。 出现的错误主要是：明明已经在项目里面安装成功了babel,也可以在node_modules中查找到babel的所以信息，但是就是无法使用，在命令行无论是想查找babel的版本还是编译js文件，都说babel不是内部命令，貌似没有安装成功。。。。 尝试了各种办法比如配置环境变量啥的都不行，在网上查到了一个...
研究了 babel.config.js 和 babelrc，理解了为什么ES6代码没被转化
油墨香^-^的博客
07-20 892
之前遇到过一个babel转换的问题，在下面这个monorepo的目录结构中.├──commonmodulea引用了外层common/utils.js，结果在打包时发现common/utils.js的代码并没有被翻译，但是modulea目录内的代码却能正常转换，觉得很奇怪，直到我将babel的配置文件由.babelrc改成了babel.config.js才能正常工作。于是就深究了一下两个配置文件的区别，觉得有点东西理解起来有点绕，于是写下这篇博客记录一下。当前项目。...
webpack5常用配置--从零开始学webpack，搭建自己的脚手架
丑小鸭变黑天鹅的博客
04-01 4451
webpack入门学习一、是什么 一、是什么 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 我们来对上面的解释进行拆解： 打包bundler：webpack可以将帮助我们进行打包，所以它是一个打包工具 静态的static：这样表述的原因是我们
webpack基础学习，各个loader和plugin的具体配置
znhyXYG的博客
02-23 2487
webpack的基本应用，详细描述常用的loader、plugin以及babel的使用，包含HMR模块热替换原理等
html+css+js基础问答
qq_43751465的博客
08-26 5210
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
在vite+react项目中如何使babelrc和babel.config.js文件生效
weixin_45315794的博客
01-06 6590
在vite+react项目中如何使 .babelrc和babel.config.js文件生效 在vite+react框架搭建的项目中，用使用到babel相关的配置，那如何使得 .babelrc 和 babel.config.js 文件在配置功能生效呢？这需要使用到vite 提供的组件 @vitejs/plugin-react ,在其vite.config.ts （或vite.config.js）中进行导入配置，具体步骤如下： 1.安装插件 yarn add @vitejs/plugin-react 2.
.babelrc使用中遇到的错误
qq_41283061的博客
03-02 2006
1.Module build failed: ReferenceError: Unknown plugin “import” specified in “C:\bxn\WYwap\.babelrc” at 2, attempted to resolve relative to “C:\bxn\WYwap” 原因： 缺少插件babel-plugin-import 解决方案： npm install ...
babel-plugin-import不生效的问题
热门推荐
有姿态的北漂的博客
03-10 1万+
问题描述： 使用create-react-app生成项目，然后eject，然后安装了antd和babel-plugin-import依赖包，按antd官网的说明在babelrc里面加了配置： { "plugins": [ ["import", { libraryName: "antd", style: "css" }] ] } 大概2016年10月份按这个流程构建的项目，是没有任何问
.babelrc文件的一些简单的配置
liuyinghui523的专栏
01-17 7873
首先现在根目录先生成.babelrc文件 这个文件是用来设置转码的规则和插件的   如果想使用es6语法，必须安装插件   npm install babel-preset-es2015 {          "presets":["es2015"] }   什么是.babelrc文件呢？熟悉linux的同学一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等，类似b
关于.babelrc配置文件
xnyssxy的博客
02-06 1万+
关于react项目结构，有很多配置文件，有时候觉得很难理解。 比如.babelrc文件，这个文件是用来设置转码的规则和插件的。 熟悉linux的话一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等。在babel6中，这个文件必不可少。 里面可以对babel命令进行配置，以后再使用babel的cli的时候，可以少一些配置。还有一个env字段，可以对BABEL_ENV或者NODE
element-ui修改样式不生效
松烟入墨
11-05 1万+
关键词：scoped，sass,css 问题 覆盖默认的element-ui css不生效 操作 如下图所示，想要去除lable中的padding-bottom，自然而然地打开控制台，找到当前的css 当前css: 修改为：padding: 0，运行发现样式没有生效 原因 代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记 <style...
[已解决]CSS不生效问题
lindaxia1026的博客
05-08 7156
css不生效的原因： html标签没写完整，漏了“<”、”>”或者“/”等； 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。 样式被层叠； 比如!important CSS语法错误； 拼写错误之类的balabala 选择器写错； 常见错误 id选择器:#xxx，class选择器:.xxx 没有写rel属性。 就这个问题，找了一晚上起因是遇到了浏览器报错 -> because its MIME type ('text/html') is
根据popper-class 修改下拉框的高度 写入css 为什么不生效呢
最新发布
04-01
可能是因为您的 CSS 代码没有正确地应用到下拉框元素上。请检查以下几个方面： 1. 确认您的 CSS 代码与下拉框元素的选择器匹配。例如，如果您的下拉框元素的 class 是 "dropdown"，那么您需要使用 ".dropdown" 作为选择器。 2. 确认您的 CSS 代码的优先级高于其他样式规则。可以使用 !important 关键字来提高代码的优先级，但是应该尽量避免过度使用。 3. 确认您的 CSS 代码没有被其他样式规则覆盖。这可能需要对样式表进行仔细的排查和调试。 以下是一个可能会生效的 CSS 代码示例，仅供参考： ```css .dropdown-menu { max-height: 200px !important; overflow-y: auto !important; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值