css.modules option in vue.config.js is deprecated now, please use css.requireModuleExtension instead

最新推荐文章于 2024-02-01 17:09:01 发布

不乖i

最新推荐文章于 2024-02-01 17:09:01 发布

阅读量1.2k

点赞数 1

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_43911765/article/details/118214560

版权

WARN" css.modules" option in vue.config.js is deprecated now, please use "css.requireModuleExtension" instead.解决方法

问题
- 原因
- 解决方法

)

问题

vue项目在运行过程时，出现警告： WARN “css.modules” option in vue.config.js is deprecated now, please use “css.requireModuleExtension” instead.
在这里插入图片描述

原因

vue.config.js中的“css.modules”选项，从 v4 起已弃用，现在不推荐使用，请改用“css.requireModuleExtension”。
在这里插入图片描述

解决方法

修改vue.config.js配置，即可正常运行。
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不乖i

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端面试题

来地球玩啊的博客

04-13

655

前端面试题！

uniapp报错：WARN “css.modules“ option in vue.config.js is deprecated now, please use “css.req

名人卷耶

11-30

5184

报错：WARN “css.modules” option in vue.config.js is deprecated now, please use “css.requireModuleExtension” instead. 翻译：警告“css.模块“中的选项 vue.config.js 版已弃用，请使用“css.requireModuleExtension“相反。

参与评论您还未登录，请先登录后发表或查看评论

“css.modules“ option in vue.config.js is deprecated now, please use “css.requireModuleExtension“ in

浩星

07-14

924

前言：配置vue.config.js中css的时候，出现警告： "css.modules" option in vue.config.js is deprecated now, please use “css.requireModuleExtension” instead. 解决办法：当前文件：把modules改成requireModuleExtension 重启就好了 ...

“css.modules“ option in vue.config.js is deprecated now, please use “css.requireModuleExtension“ ins

最新发布

百变鹏仔工作室

02-01

612

选项在早期的 Vue.js 版本中用于启用或禁用 CSS 模块的功能。然而，随着 Vue.js 的发展，这个选项的功能被重新设计和调整，因此被废弃了。通过这样的配置更改，你将启用对 CSS 模块的支持，并解决警告信息。请确保根据你的项目实际情况和 CSS 模块的使用方式来正确配置。选项来配置 Vue.js 对 CSS 模块的处理方式。这个选项允许你指定在导入 CSS 模块时使用的文件扩展名。选项，并根据你的需求设置适当的值。在你的 Vue.js 项目的。，可以将其设置为相应的值。

css.modules“ option in vue.config.js is deprecated now, please use “css.requireModuleExtension解决办法

Hiroshi's

02-08

8002

配置vue.config.js中css的时候，出现警告"css.modules" option in vue.config.js is deprecated now, please use “css.requireModuleExtension” instead. 把modules改成requireModuleExtension: 重启，搞定：

vue.config.js配置报错：css.requireModuleExtension is not allowed

分享Java，vue学学习笔记

03-08

3825

首先查看自己的vue-cli版本。

CSS Modules

huangpb的博客

02-18

555

什么是CSS Modules？官方的介绍是：所有的 class 的名称和动画的名称默认属于本地作用域的 CSS 文件。所以 CSS Modules 不是一个官方的规范，也不是浏览器的一种机制，它是一种构建步骤中的一个进程。（构建通常需要 webpack 或者 browserify 的帮助）。通过构建工具的帮助，可以将 class 的名字或者选择器的名字作用域化。（类似命名空间化）。 ...

CSSModules入门

Jaden

10-25

238

局部作用域 CSS的规则都是作用于全局的，任何一个组件的样式都是对整个页面起作用的。产生局部作用域的方法就是为每一个样式生成唯一名称，而这也是CSSModules的做法。 import React from 'react'; import styles from './styles.css'; export default const App = (props) => (<div c...

（九）css modules

Luckyzhoufangbing的博客

12-17

213

css modules 将 css模块化，让 css 也拥有模块化的特点~ 特点： 1. 让 css 有自己的作用域，不会和外界命名发生冲突 2. 对 css 进行依赖管理，可通过相对路径引入 css 文件 css modules 不需要额外下载引入，只需要开启css-loader 中的modules 即可 module: { rules: [{ test: /\....

css modules基本使用

悄悄地卷的博客

03-02

1275

使用css Modules(dom上类名被渲染成哈希字符尽量减少类名冲突) 代替 scoped 解决vue样式污染配置参考： https://blog.csdn.net/weixin_44869002/article/details/105831661 https://cli.vuejs.org/zh/config/#css-loaderoptions https://blog.csdn.net/weixin_44869002/article/details/106826503 // vue.config

react 项目使用css modules模块化

qinleo6的博客

09-07

2939

1.vue项目的组件中有一个scoped属性，可以把style代码私有化，只在当前组件生效，react怎么做呢？ react项目需要在webpack里面配置，首先运行npm run eject可以将webpack.config.js文件从nodemodules中暴露出来 2.很多博客是这么写的 { loader: 'css-loader', options: { modules: true, // 开启模块化 localIdentName: '[loc

Invalid options in vue.config.js: “css.requireModuleExtension“ is not allowe

qq_46356598的博客

04-20

1万+

Invalid options in vue.config.js: "css.requireModuleExtension" is not allowe

vue cli3.0项目vue.config.js的配置（有注释）

xwnxwn的专栏

03-20

685

const path = require('path') // 拼接路径 function resolve(dir) { return path.join(__dirname, dir) } const CompressionPlugin = require('compression-webpack-plugin') const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin module...

css模块化的方案

zz130428的博客

12-28

1638

目前主流的 css 模块化分为 css modules 和 css in js 两种方案。CSS Modules 指的是我们像 import js 一样去引入我们的 css 代码，代码中的每一个类名都是引入对象的一个属性, 编译时会将 css 类名加上唯一 hash。CSS-in-JS是一种技术（technique），而不是一个具体的库实现（library）。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些.css，.scss或者less之类的文件，这

vue-cli3项目升级到 vue-cli4 的方法总结

高先生的猫

03-19

4590

使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js

热门推荐

Alice_124的博客

07-17

7万+

1.使用 npm install -g @vue/cli # or yarn global add @vue/cli 查看版本（是否安装成功）：vue -V(大写的V) 11576163-5ebc6d418467d0c4.png 2.命令变化 Commands: create [options] <app-name> create a ...

react解决跨域报错onAfterSetupMiddleware‘ option is deprecated. Please use the ‘setupMiddleware

m0_46188775的博客

06-09

6327

onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. #react跨域不生效# #react跨域#

css-loader导致vue中样式失效（坑坑坑！！）

vv_bug

08-21

6018

问题描述 vue文件中的样式失效环境 vue-cli 4.4.6 css-loader 4.2.1 vue-style-loader 4.1.2 原因 vue-cli 4.4.6 vue-cli 4.4.6默认对css-loader配置为空 css-loader 4.2.1 css-loader4.0后默认对esModule设置的是true vue-style-loader 4.1.2 vue-style-loader 4.1.2默认接收的是commonjs的结果，也就是默认接收的是“css-load

06-09

这个报错是因为在使用Vue Router时，导入的Vue Router版本与当前项目中的Vue版本不匹配导致的。具体来说，Vue Router中使用了Vue 3的语法而当前项目中使用的是Vue 2，所以会出现一些语法上的错误。解决方法是将Vue Router更新到与当前项目中使用的Vue版本相匹配的版本。