Vue：npm run serve运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误

最新推荐文章于 2024-05-12 21:25:43 发布
置顶 最新推荐文章于 2024-05-12 21:25:43 发布
阅读量5k 收藏
点赞数 3
文章标签： vue.js node.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44908030/article/details/107508137
版权

Vue：npm run serve 运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误，原因是options应该为数组类型，可是找了半天没找到这个options，后面发现没导入一个依赖。
在这里插入图片描述

在package.json文件里面找到“dependencies”，在里面加入”copy-webpack-plugin”:”6.0.3”，接着导入依赖(npm install)
在这里插入图片描述
导入成功后，在vue.config.js文件出现options就说明成功了
在这里插入图片描述
如果没成功的话可以检查下node.js的版本是否兼容。

像企鹅的兔子
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
React webpack 开启 gzip 压缩 报错 ValidationError: Compression Plugin Invalid Options
Jane_96的博客
05-04 2758
报错内容： $ npm run build > nuistoj@0.1.0 build D:\_DATA_\webStormProject\nuistoj > node scripts/build.js D:\_DATA_\webStormProject\nuistoj\node_modules\schema-utils\src\validateOptions.js:32 ...
Invalid options object. Copy Plugin has been initialized using an options object that does not match
热门推荐
weixin_44306683的博客
05-26 2万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 最近在安装使用webpack的copy-webpack-plugin 拷贝插件的时候，报了一些错误： 错误详见下面代码，没有
configureWebpack 和 chainWebpack 区别
最新发布
轻风细雨_林木木
05-12 519
适用于简单的配置修改，而则更适用于复杂的、需要灵活定制的配置修改。
CopyPlugin Invalid Options options should be array ValidationError: CopyPlugin Invalid Options
weixin_45696837的博客
10-31 3814
这个错误是使用webpack的一个plugin出现的错误。 这个plugin是copy-webpack-plugin 我把文档的例子复制，然后就报了这个错误。 文档的例子 const CopyPlugin = require("copy-webpack-plugin"); module.exports = { plugins: [ new CopyPlugin({ patterns: [ { from: "source", to: "dest" },
ValidationError: Invalid options object. Copy Plugin has been initialized using an options object th
li18438605823的博客
03-10 6361
问题：css-loader版本太高。 解决方案：进入packing.json,降低css版本；npm install重新安装,npm run dev重启 ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. - options[0] misses the property 'patterns.
解决在配置copy-webpack-plugin插件时报错
sinat_37503265的博客
07-05 5123
配置如下： new CopyWebpackPlugin({ from: path.resolve(__dirname, './src/assets'), to: 'assets' }) 报错信息 ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API
debug: ValidationError: Progress Plugin Invalid Options
weixin_44134588的博客
05-10 2187
本项目最初是由webpack3.0所构建的,最近改为vuecli5.0打包 运行时报以上错误; 分析了package.json发现,有很多vuecli并且本项目也没有用到的包,于是猜测是这些包的原因; 于是删除了无用的babel和loader; 然后删除了node_modules和package-lock.json 接着执行npm cache clean --force 重新npm i 重新安装依赖包 最后重新打包 npm run serve 即可正常启动项目 目前vue.config,js没有其他配置 .
报错ValidationError: Progress Plugin Invalid Options
yms869的博客
12-12 1万+
秒解 报错ValidationError: Progress Plugin Invalid Options
解决vue项目运行npm run serve报错的问题
01-18
运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-...
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
一个 Vue 项目从一台电脑上传到 github 上之后，再另外一台电脑上 git clone 。并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm ...
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
06-14
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动,如果依赖安不上npm i --legacy-peer-deps npm i eslint-plugin-vue，再npm run serve
解决vue打包 npm run build-test突然不动了的问题
01-22
补充知识：vue_test_unit_e2e常见问题npm run unit单元测试和npm run e2e集成测试问题 vue项目要进行unit和e2e常见问题 localStorage is not available for opaque origins console.error node_modules
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a ...补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
vue npm run build时候报错ValidationError: Invalid options object.
u011200562的博客
07-11 4891
vue npm run build时候报错 ValidationError: Compression Plugin Invalid Options
学习记录
09-13 1万+
【vue】运行报错ValidationError:Progress Plugin Invalid Options,options shoule NOT have additional properti
每天进步一点点, 靠近小目标一点点~
09-06 6880
因为这是个组件库, 后面安装集成了vuepress, 然后又是报错 ““Error: Rule can only have one resource source (provided resource and test + include + exclude)”, 查到说是升级了webpack5的坑, 果断降到^4.44.2 , 然后把相应的vue-loader, less-loader降版本, vuepress可以运行起来, 但是vue项目运行又出问题…最近在写一个自己的前端组件库, 技术栈vue。
webpack使用copy-webpack-plugin插件遇到错误：Invalid options object. Copy Plugin has been initialized using an
鸭绒的博客
07-26 9176
使用copy-webpack-plugin插件遇到的报错： Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. -options[0] misses the property ‘patterns’. Should be: [non-empty string | object { from, to?, context?, glo
vue 项目npmrun 报错：ValidationError: Invalid options object. Ignore Plugin has been initialized using an
baidu_28753677的博客
06-23 8463
ValidationError: Invalid options object. Ignore Plugin has been initialized using an options object that does not match the API schema. - options should be one of these: object { resourceRegExp, contextRegExp? } | object { checkResource } Details:
vue 解决：Syntax Error: ValidationError: Invalid options object. Sass
weixin_57895172的博客
03-06 659
vue 解决：Syntax Error: ValidationError: Invalid options object. Sass
vue项目运行npm run serve后报错Error: error:0308010C:digital envelope routines::unsupported
08-24
运行`npm run serve`命令时报错`Error: error:0308010C:digital envelope routines::unsupported`。这个错误通常是由于Node.js版本与OpenSSL版本不兼容导致的。您可以尝试以下解决方法： 1. 在运行`npm run serve`之前，设置`NODE_OPTIONS`环境变量为`--openssl-legacy-provider`。可以使用以下命令： ``` set NODE_OPTIONS=--openssl-legacy-provider ``` 然后再运行`npm run serve`命令。 2. 如果上述方法不起作用，您可以尝试更新Node.js和OpenSSL版本，并确保它们兼容。请根据您的操作系统和开发环境选择合适的版本进行更新。 3. 另外一种不推荐的解决方法是，在项目文件中打开终端，并直接输入`npm run serve`命令。这种方法可以临时解决问题，但不是长期的解决方案。 希望以上解决方法对您有帮助。如果问题仍然存在，请提供更多的错误信息或上下文，以便我们能够给出更具体的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run serve 报错：Error: error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52181856/article/details/127691888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [npm run serve 报错 error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52421092/article/details/130541175)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值