在vue项目中使用webpack打包运行npm run build时出现css-loader版本不兼容报错。

最新推荐文章于 2024-03-05 12:04:17 发布
最新推荐文章于 2024-03-05 12:04:17 发布
阅读量988 收藏
点赞数 1
文章标签： vue python java bug mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38422287/article/details/123499931
版权

报错信息如下：

Syntax Error: ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.

- options has an unknown property 'minimize'. These properties are valid:

object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals?, esModule? }

c998b11463820c3be6a6cd470a322640.png

解决办法:

只需要将css-loader的版本降低至1.0.0，问题就解决啦

$ cnpm install --save-dev css-loader@1.0.0

34519d60462754b3b8d2e9aa9d611704.png

leechua
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用低版本的vue-loader遇到的坑之ValidationError: Invalid options object. CSS Loader has been initialized using
qq_41687400的博客
08-07 1万+
使用低版本的vue-loader遇到的坑 最近在学习使用webpack打包vue项目，所以一开始下载了vue-loader和vue-template-compiler，但是由于现在15版本的vue-loader需要引入一个插件才能使用，我为了省事，在下载的时候指定了vue-loader的版本是14.2.2，一开始打包什么的都没问题，但是后来加入了style-loader和postcss-loader以及其他的杂七杂八的loader和plugin之后，我使用webpack打包就老是报错，（使用webpack-
ValidationError: Invalid options object. CSS Loader has been initialised using an options object tha
热门推荐
暗影刀客的博客
09-25 1万+
ERROR in ./main.css (./node_modules/css-loader/dist/cjs.js??ref–4-1!./main.css) Module build failed (from ./node_modules/css-loader/dist/cjs.js): ValidationError: Invalid options object. CSS Loader ha...
解决：ValidationError: Invalid options object. PostCSS Loader ......
Mr.小灰狼_随笔
03-29 6898
PostCSS Loader 已使用与 API 架构不匹配的选项对象进行初始化。vue --version 这时候看到 vue-cli 已经是 @4 版本的了。卸载掉当前 5.x 的版本（ mac 版本 的前面需要加上 sudo ）直接下载 @4 版本（ mac 版本 的 前面需要加上 sudo ）- 选项具有未知属性“plugins”。最后再按照创建项目的步骤重新走一遍就 OK 了。使用 vue/cli @'./xxx/xx' 中出现错误。1、首先打开终端执行。
(vue)解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initializ
nyf_unknow的博客
08-15 6815
提示：先去node module 包里面删除 sass-loder 和 node-sass 文件夹 ，再删除 package.json 里面的 node-sass 和 sass-loder。再执行以下卸载重装操作。原因：主要是sass-loader 和 node-sass版本过高或过低问题，卸载当前版本后寻找合适的版本安装，重启即可。...
Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an opt
qq_45376257的博客
08-07 6995
options has an unknown property 'prependData'. These properties are valid: object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }
Invaliad options object.Css Loader has been initialized using an options object that does not match
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
05-10 1033
Invaliad options object.Css Loader has been initialized using an options object that does not match the API scheam. options has an unknown property 'locakIdentName'.These properties are valid:object{url?,omport?,module?xxxx}报错的解决方案
解决vue项目,npm run build后,报路径错的问题
10-14
在Vue项目中，`npm run build` 是用来执行生产环境构建的命令，它将优化代码并准备部署到服务器。然而，有时在执行此命令后，可能会遇到路径错误的问题，导致资源无法正确加载。本文将详细解析如何解决这个问题，并...
详解webpack打包vue时提取css
08-30
保存配置后，运行 Webpack 构建命令，如 `npm run build`，此时，Vue 项目中的 CSS 将被提取到单独的 CSS 文件中。 通过以上步骤，你已经成功地配置了 Webpack 以在打包 Vue 项目时提取 CSS。这样不仅可以优化页面...
npm run build 打包这些玩意
01-08
在开发Web应用时，`npm run build` 是一个常见的命令，用于将...以上就是关于 `npm run build` 命令在打包Web项目时的一些关键知识点和常见问题处理。了解并掌握这些内容，有助于构建高效、稳定、优化的生产环境应用。
详解vue-cli快速构建vue应用并实现webpack打包
08-28
Vue CLI 是Vue.js官方提供的一款快速构建 Vue 单页应用的脚手架工具，它简化了使用Webpack配置Vue项目的流程，使得开发者能够更专注于应用的业务逻辑而不是底层配置。Vue作为一个渐进式框架，它的核心特性包括组件化...
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
08-27
例如，静态资源（如图片、字体文件）或组件的相对路径可能在打包时出现问题。通常可以通过调整 `publicPath` 或 `output.path`，以及使用 `url-loader` 或 `file-loader` 来处理这些问题。 9. **模块加载器与插件**...
解决options has an unknown property ‘plugins‘. These properties are valid: object { postcssOptions?
m0_71280101的博客
10-20 3293
解决options has an unknown property 'plugins'. These properties are valid: object { postcssOptions?
ValidationError: Invalid options object. Sass Loader has been initialized us...
浩星
07-14 1万+
前言： 在新的项目中是使用scss的时候报错这个的，原因是安装的 sass-load 版本太高了，需要换成7.1的版本 报错信息： ValidationError: Invalid options object. Sass Loader has been initialized us 解决方案：重新安装sass-loader cnpm uninstall --save sass-loader cnpm install --save sass-loader@7.1.0 ...
postcss-plugin-px2rem报错Syntax Error: PostCSS Loader has been initialized using an options object...
最新发布
qq_42433342的博客
03-05 687
postcss-plugin-px2rem报错Syntax Error: ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'plugins'. These properties are valid: objec
ValidationError: Invalid options object. Less Loader has been initialized using an options object...
qq_44890362的博客
01-18 2934
1.大家在react中配置了less可能会出现下图的错误，这是因为less版本太高了，我们需要降一下版本。 2.我们可以去package.json文件中去修改下less-loader的版本 3.然后执行下yarn命令就可以了 yarn ...
Invalid options object. PostCSS Loader has been initialized using an options object that does not
qq_43294027的博客
11-03 5536
PostCSS Loader has been initialized using an options object that does not match the API schema
解决：ValidationError: Invalid options object. PostCSS Loader has been.....
cake_eat的博客
10-29 1万+
报错信息： ERROR in ./src/css/a.css Module build failed (from …/node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from …/node_modules/postcss-loader/dist/cjs.js): ValidationError: Invalid options object. PostCSS Loader
build vue 指定版本_利用vue打包时候出现的CssSyntaxError
weixin_36361447的博客
12-12 336
因为电脑更新，所以从新从公司的github上下载了仓库，前几天npm start了一下，完全没有什么问题，所以也没有多想，但是今天需要build好上线一个修改的小问题，结果在我执行npm run-script build 的时候，竟然出现了error的事情,错误的大概内容就是：“UnhandledPromiseRejectionWarning: CssSyntaxError:”,感觉问题应该不大，...
如何使用webpack打包vue项目
04-26
可以通过以下步骤来使用webpack打包Vue项目： 1. 在项目的根目录安装webpack和相关插件： ``` npm install webpack webpack-cli vue-loader vue-template-compiler css-loader style-loader --save-dev ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值