vue新建项目报错:Cannot destructure property ‘compile‘ of ‘undefined‘ or ‘null‘

已于 2022-07-29 09:49:51 修改
阅读量1w 收藏 1
点赞数 1
分类专栏： 小墨微记录 文章标签： 新建vue项目报错 vue 前端
于 2018-12-19 19:38:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lx1996082566/article/details/85106233
版权
在新建Vue项目时遇到高危漏洞并尝试更新，导致Webpack-dev-server版本冲突，无法正常运行。文章分享了解决方案，提醒开发者在修复漏洞时需谨慎考虑依赖兼容性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景：新建vue项目，出现高危漏洞，需要更新，更新后编辑却出问题，咳咳，看来不能是漏洞都更新，毕竟其它内置不支持这更新版-。-

首先我们新建项目，下载

npm install项目

高危漏洞出现了，我们npm audit看看

webpack-dev-server版本让更新，额走流程吧（PS，我们直接执行上一步的 npm audit fix 修复也是一样），会修复成功，然后npm run dev

嗯，咱们npm run dev居然就报重点错误了：Cannot destructure property 'compile' o

最低0.47元/天 解锁文章
Vue - 报错Uncaught (in promise) TypeError: Cannot destructure property ‘type‘ of ‘vnode‘ as it is null
王二红
04-24 1万+
vue2，vue3，Vue报错，vue 提示错误，vue TypeError: Cannot destructure property 'type' of 'vnode' as it is null.，vue控制台出现错误，vue运行报错，VUE启动报错，vue打包报错，vue切换页面报错，Vue突然报错，点击页面时报错，不定时报错，vue报错无法破坏“vnode”的属性“type”，因为它为null，vue项目如何解决报错，vue页面无法切换且报错，vue3报错，vue2报错，Vue表格报错，在 vue2
2023前端vue面试题及答案
bb_xiaxia1998的博客
02-28 1221
在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 deleteProperty 等处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截，有以下特点∶。有的时候，需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录。如果父组件在使用到一个复用组件的时候，获取这个组件在不同的地方有少量的更改，如果去重写组件是一件不明智的事情。
Vue2旧项目运行提示Cannot destructure property ‘script‘ of ‘result.descriptor‘ as it is undefined的解决方案
疋疋 剥壳
06-15 5183
Vue2旧项目运行提示Cannot destructure property ‘script‘ of ‘result.descriptor‘ as it is undefined的解决方案
使用pinia时，解决Cannot destructure property ‘state‘ of ‘options‘ as it is undefined问题
最新发布
koala_hai的博客
04-04 459
vue3使用pinia时，项目启动后，发现页面报错。
自行搭建服务启动时：TypeError: Cannot destructure property `compile` of 'undefined' or 'null'
zheng19921992的博客
01-29 6829
一.描述 进入到VUE项目运行命令错误提示：TypeError: Cannot destructure property `compile` of 'undefined' or 'null' 二.分析 经过分析，发现是因为webpack-dev-server版本过高导致。 三.解决方法 进入到项目中，运行如下命令： npm install -D webpack-dev-server@...
写 vue 后台管理系统时，进入页面出现查无数据现象，报错 Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
m0_57255222的博客
07-24 3617
在写后台管理系统时，每次重新打开VS-code启动项目后，页面就读不到数据并且控制台报错Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
vue运行时报错：Cannot destructure property `compile` of 'undefined' or 'null'
猿学
01-23 1万+
VUE项目运行命令：npm run dev的时候报错。错误提示：TypeError: Cannot destructure property `compile` of 'undefined' or 'null' 经过分析，发现是因为webpack-dev-server版本过高导致。 进入到项目中，运行如下命令： npm install -D webpack-dev-server@3.0...
前端高频面试题（15K级别）
qq_22181899的博客
07-23 2669
1.简单描述一下 Babel 的编译过程？ 首先，Babel的作用是 从一种源码到另一种源码，充当转换编译器的作用，可以简述为 解析（解析JS代码）->转换（解析和修改AST）->重建（将修改后的AST转换成另一种JS代码） 2.JavaScript 中的数组和函数在内存中是如何存储的？ 数组，JS里的数组主要就是 以连续内存形式存储的FixedArray、以哈希表形式存储的HashTable 函数，函数属于引用数据类型，存储在堆中，在栈内存中只是存了一个地址来表示对堆内存中的引用。当解
工作中使用到的单词（软件开发）
热门推荐
sun0322
03-15 5万+
１．エイリアス 　　alias 别名 powershell使用 get-help 命令时，会得到与此命令 相关（别名）的命令 ２．プロキシ　proxy　代　理 ３．プロモート 　 promote 促进，提升 　　开发的系统新功能上线发布，有时会使用到这个词，比如 STプロモート 还有使用リリース这个词的。比如STリリース。个人认为两者含义相同。 ４．見逃し　み................................................................
【ERROR 】Cannot destructure property createHash of 'undefined' or 'null'.
Senn · 森
06-18 1504
错误信息 Cannot destructure property createHash of ‘undefined’ or ‘null’. 解决方法 npm install --save-dev webpack 原因 在我的项目中应用了一个webpack4更新的插件 mini-css-extract-plugin，但是我的使用的是weboack3,导致了以上错误，将webpack的版本进行升级为...
解决：Cannot read property ‘component‘ of undefined （ 即 vue-router 0.x 转化为 2.x）
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-03 1万+
vue项目原本是用0.x版本的vue-router，但是去报出：Cannot read property 'component' of undefined 这是因为版本问题，由于vue2删除了vue1的内部指令，而vue－router1.x依赖vue的一个内部指令 研究了下vue-router官网，小白我用了接近一天来解决问题，最后我将vue-router改为2.2.0版本 1.打开pack...
INTERNAL ERROR(undefined,undefined) Cannot destructure property ‘script‘ of ‘result.descriptor‘ as i
tangdou369098655的博客
02-23 985
根据报错提示，找到node_modules/ @vue /cli-plugin-typescript/vue-compiler-sfc-shim.js文件。
TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
xiejunna的博客
12-26 6813
vue项目运行时，报错了，TypeError: Cannot destructure property compile of ‘undefined’ or ‘null’. F:\ybsvue\customer>npm run dev > project@1.0.0 dev F:\ybsvue\customer > webpack-dev-server --inline --pr...
TypeError: Cannot destructure property `createHash` of 'undefined' or 'null'
若水程序员博客
04-14 1325
展开 npm run build的时候出现以下异常： TypeError: Cannot destructure property `createHash` of 'undefined' or 'null' 经查，是webpack版本原因，直接升级版本到最新吧，即可解决！ npm add webpack@latest ...
Cannot destructure property ‘username‘ of ‘undefined‘ as it is undefined
Z56umie的博客
01-15 5655
Cannot destructure property 'username' of 'undefined' as it is undefined
Uncaught TypeError: Cannot destructure property ‘getFileDecorator‘ of ‘this.props.form‘ as it is und
weixin_58149434的博客
01-24 910
前端小bug（react项目）
vuex报错 Cannot destructure property ‘commit‘ of ‘undefined
qq_44161722的博客
10-20 1114
经过排查发现是在另一个模块的actions中调用了当前模块actions中的方法，没有传任何值，所以无法结构出来commit方法。另外，在排查过程中看到有人说导致这个错误的原因还有可能是未在main.js文件中挂载store。在使用vuex中的模块是遇到了一个报错，这个报错的意思是解构一个未定义的对象时发生的。找到原因后针对修改，把commit传过去即可。
解决JeeSite打包上线中的Uncaught TypeError: Cannot destructure property ‘VITE_GLOB_APP_TITLE‘问题
chenchuang0128的博客
04-07 1804
当然，除了上述的解决方案外，我们还可以通过其他方式来管理和注入环境变量，比如使用配置文件、环境变量插件等。但无论使用哪种方式，我们都应该确保环境变量的处理是可靠和一致的，以避免类似的问题发生。在前端开发中，特别是当我们需要将项目打包并部署到生产环境时，经常会遇到一些意料之外的错误。在JeeSite项目中，当我们尝试将项目打包并部署到线上环境时，可能会遇到上述的TypeError。这通常是因为在构建过程中，环境变量的注入没有正确完成，或者线上环境没有正确设置这些环境变量。属性，如果不存在，则回退到使用。
解决：使用前端路由时的报错Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)
li0509_的博客
11-16 7476
vue前端路由报错解决：Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’ as it is undefined.
TypeError: Cannot destructure property `readFile` of 'undefined' or 'null'.
09-08
这个报错是由于在Vue打包过程中，尝试对一个undefined或者null的属性进行解构赋值导致的。具体的错误信息是"TypeError: Cannot destructure property `readFile` of 'undefined' or 'null'"。根据提供的引用内容，这个错误可能与你的webpack-dev-server配置有关。根据中的报错信息，可能是在webpack-dev-server的配置中使用了未定义或者为空的属性。解决这个问题的方法是检查你的webpack-dev-server的配置文件，确保你正确指定了相关的属性。另外，你也可以尝试根据中提供的方法来解决这个问题，该方法针对的是类似的报错信息，但可能会有所帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值