npm build过程中报错 Compiling RuleSet failed: Unexpected property test in condition(已解决)

最新推荐文章于 2022-10-20 10:48:12 发布
最新推荐文章于 2022-10-20 10:48:12 发布
阅读量3.7k 收藏
点赞数 1
分类专栏： 打包报错问题解决 文章标签： webpack yarn sass scss vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lujiaxinlu/article/details/120172327
版权

vue框架下webpack打包过程中报如下错误：

百度上提示是less打包问题， 然后注释掉less相关加载机还是有问题

然后尝试注释其他代码，最后发现是vue-loader的问题

写法上没有错误，尝试重新下载一下vue-loader（项目其实本身有 vue-loader，但是仍旧报这个错误）

npm install vue-loader

下载成功后没有报这个错误了

讨厌配置的猿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack打包时出错：[webpack-cli] Error: Compiling RuleSet failed: Exclamation mark separated loader lists
欢迎来到我的博客~
06-02 1697
webpack打包时出错 [webpack-cli] Error: Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the 'use' property with arrays (at ruleSet[1].rules[0].loader: style-loader!css-loader) etCompiler.js:373:10) .
Unexpected token c in JSON at position 0 报错信息及解决
01-20
在编程过程中，我们可能会遇到各种错误，其中"Unexpected token c in JSON at position 0"是一个常见的JavaScript解析错误，通常发生在尝试使用`JSON.parse()`函数解析一个预期为JSON格式的字符串时，但该字符串实际...
关于Error: Compiling RuleSet failed: Exclamation mark separated loader lists has been removed解决办法
叙话代码
11-20 3397
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Error: Compiling RuleSet failed: A Rule must not have a ‘options‘ property when it has a ‘use‘ prope
weixin_51116314的博客
03-20 5755
问题描述 Error: Compiling RuleSet failed: A Rule must not have a ‘options’ property when it has a ‘use’ property (at ruleSet[1].rules[3].options: [object Object]) 在webpack项目打包的时候，出现以上报错信息。 根据报错消息大概可以得知，当使用use来加载loader的时候，不能添加options选项，因为use往往是使用多个loader，你无法对
python 创建 rpm 时 compiling test module failed
weixin_30364147的博客
05-05 91
centos7 中基于 spec 打包 python 时遇到 compiling 源码/site-package test文件失败，导致打包错误 解决： spec 中添加： %define _python_bytecompile_errors_terminate_build 0 转载于:https://www.cnblogs.com/gengwudaxia/p/10812899...
vue2打包时报错
奇点的博客
10-20 1239
vue2打包时报错
npm run dev报错 Module build failed: Error: Cannot find module ‘node-sass’
01-08
一个项目，可能你从其他库里拉下来，或者换了...就迎来这种报错，这个node-sass包应该是在国外的站点上，拉取过程中非常容易失败，中间断一下，就算完了。所以淘宝团队对npm做了一个镜像，叫cnpm，他们会把npm上的包镜
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)， 解决方案： 方案一： 找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二： 或者把...
Windows环境下npm install 报错: operation not permitted, rename的解决方法
12-23
最近发现了一个问题，运行 npm install 命令安装依赖包，在 Mac 上的 Vagrant 装的虚拟机上没问题，在阿里云 CentOS 上也没问题，但是在 Windows 环境同样是 Vagrant 装的环境相同的虚拟机上就是不成功，报错如下： ...
ruleset-generator
05-15
规则集生成器 安装 从此目录运行： npm install 。 执行 在此目录中运行： npm start ，HTTP服务器将启动，您的浏览器将打开。 量产 在此目录中的中配置构建的部署路径。 当前将其设置为"homepage": "/ruleset-generator/"以满足zgif.org的要求。 从此目录运行： npm run build以在/ build中获取构建工件。 用法 局限性 如果XSD无效，此应用程序将中断； 例如，在中没有Account 。 无法使用模拟的API下载 除非在浏览器中禁用了CORS，否则无法在本地使用实时API。 在Chrome上，您可以使用来实现。 请注意，该扩展程序应禁用Google Chrome的良好安全功能，请不要忘记在使用扩展程序后将其禁用。 有关尚未完成的功能的完整列表，请参考我们的TODO.md文件。 指示 粘贴或键入指向应该用作基础
关于Webpack dev server热加载失败的解决方法
11-27
利用Webpack dev server作为热加载服务器时，出现以下错误： XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. 或者出现以下的警告信息： dev-server.js:37 [
Vue中一些需要注意的点（采坑）
热门推荐
xidongdong1的博客
11-23 3万+
前言：记录在学Vue中需要注意的问题 1.给link添加事件、给组件绑定原生事件 在vue-router1中使用v-link写入路由，但是在vue-router2中要使用router-link写入路由，在浏览器渲染的时候会把router-link渲染成a。 有时候需要为router-link注册事件，对于一般的html元素，直接使用@click="eventFun"即可，但是对于rout
.19-浅析webpack源码之compile流程-rules参数处理(2)
weixin_30726161的博客
12-26 270
　　第一步处理rule为字符串，直接返回一个包装类，很简单看注释就好了。 test/include/exclude 　　然后处理test、include、exclude，如下： if (rule.test || rule.include || rule.exclude) { // 标记使用参数 checkResourceSource("test + include +...
webpack打包过程出错解决
超级婷
02-15 5795
报错一: 版本问题 这里报错的主要原因是版本问题导致的. Error: Cannot find module 'webpack-cli/bin/config-yargs' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15) at Function.Module._load (i...
webpack5.x 遇到的问题
White feathe 的博客
11-19 2486
更新问题1 异常：Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the ‘use’ property with arrays (at clonedRuleSet-2[0].rules[0].loader: style-loader!css-loader!less-loader 如下图所示 解决：webpack 使用如下 { test: /\.(css|
npm run build打包报错 digital envelope routines::unsupported
最新发布
06-06
这个错误通常是由于使用了过时的OpenSSL版本导致的。您可以尝试更新OpenSSL到最新版本，或者在package.json文件中添加一些配置，以使用较新的版本。具体操作如下： 1. 在命令行中输入以下命令来更新OpenSSL： ``` npm install openssl-upgrade -g openssl-upgrade ``` 2. 如果更新后仍然报错，请在package.json文件中添加以下配置： ``` "config": { "openssl-ensure-modern": true } ``` 这将确保使用较新的OpenSSL版本。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值