vue打包时候提示：Cannot read property compilation of undefined

原创 已于 2022-04-22 09:35:54 修改 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

于 2019-12-06 17:00:05 首次发布
本文介绍了解决Webpack中optimize-css-assets-webpack-plugin版本引起的错误方法。通过调整该插件的版本号，可以有效避免构建过程中的问题，确保项目的顺利进行。

错误提示：

20191206165214827.png

 

解决方法：

修改版本号"optimize-css-assets-webpack-plugin": "^3.2.0"

20191206165159267.png

 

【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
前端学习博客
08-12 4万+
定义一个 getUserList 函数，并且在 onMounted 函数中挂载它，在加载页面时，先通过我自定义的已全局挂载的。结果发现：ctx.$api 为 undefined，并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是：无法找到 undefined 的 属性。所以就验证了bug 的原因是：vue3的全局绑定没有生效。逻辑上没有问题，同时也没有出现上述的三种情况。所以，我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug，那在我的代码中的意思就是：找不到。...
Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)
m0_54630400的博客
03-02 6439
目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息： 无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),
【React + Storybook】TypeError: Cannot read property 'compilation' of undefined
云生流长的博客
04-24 1701
背景 利用create-react-app创建React项目，并搭配使用Storybook + Ant Design（如果想了解Storybook在React中如何使用，可以点击这里），package.json主要信息如下： "dependencies": { "antd": "^3.16.3", "babel-polyfill": "^6.26.0", "mobx"...
webpack错误记录Cannot read property 'compilation' of undefined
牟童的博客
04-09 4484
TypeError: Cannot read property 'compilation' of undefined………………或者TypeError: Cannot read property 'emit' of undefined 解决办法：将插件HtmlWebpackPlugin版本降级即可，降级方法：1.package.json文件中改数字 然后终端执行npm install 2....
Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法
qq_38526167的博客
02-24 8593
Vue 出现Syntax Error:TypeError: Cannot read property 'vue' of undefined的一种解决办法
vue新建项目报错:Cannot destructure property ‘compile‘ of ‘undefined‘ or ‘null‘
微灬墨的博客
12-19 1万+
背景：新建vue项目，出现高危漏洞，需要更新，更新后编辑却出问题，咳咳，看来不能是漏洞都更新，毕竟其它内置不支持这更新版-。- 首先我们新建项目，下载 npm install项目 高危漏洞出现了，我们npm audit看看 webpack-dev-server版本让更新，额走流程吧（PS，我们直接执行上一步的 npm audit fix 修复也是一样），会修复成功，然后npm ......
使用scss@import 报错 × TypeError: Cannot read properties of undefined (reading '__esModule')
最新发布
08-05
如果遇到`TypeError: Cannot read property 'compilation' of undefined`，可能是由于版本冲突。 解决方法： - 降低插件版本（如引用[3]中提到的`optimize-css-assets-webpack-plugin@3.2.0`） - 或者升级到与当前...
error in ./node_modules/.store/umy-ui@1.1.7/node_modules/umy-ui/lib/theme-chalk/index.css error in ./node_modules/.store/umy-ui@1.1.7/node_modules/umy-ui/lib/theme-chalk/index.css Syntax Error: TypeError: Cannot read property 'allErrors' of undefined
06-21
以下是针对 `Syntax Error: TypeError: Cannot read property 'allErrors' of undefined` 错误和 umy-ui 1.1.7 主题样式加载问题的完整解决方案： ### 一、错误原因分析 1. **插件初始化失败** `allErrors` 是 ...
[webpack-dev-server] ERROR in ./node_modules/@geoscene/core/chunks/basis_transcoder.js Cannot read property 'module' of undefined [webpack-dev-server] ERROR in ./node_modules/@geoscene/core/chunks/i3s.js Cannot read property 'module' of undefined 还报这些错, 怎么解决
07-30
- `Cannot read property 'module' of undefined` 这些错误主要源于 Webpack 5 的模块解析机制变化。Webpack 5 不再自动提供 Node.js 核心模块（如 `process` 和 `buffer`）的 polyfill，而 `@geoscene/core` 依赖...
webpack@3.12.0 安装terser-webpack-plugin@1.4.5组件，run build 报错：D: web code crm-web-idea\node modules\terser-webpack-plugin dist index.js:328 compiler.hooks.compilation.tap(plugin,compilation =>{ TypeError:Cannot read propertycompilation'of undefined at TerserPlugin.apply (D: \web codecrm-web-ideanode modules terser-webpack-plugin dist index.js:328:20)at Compiler.apply (D:\web code\crm-web-idea\node modules\tapablelibTapable.is:375:16)at webpack(D:web code crm-web-idea node modules\webpack lib\webpack.is:33:19) at D:\web codecrm-web-idea\build\build.js:23 :5 at next(D:\web code\crm-web-idea\node modules\rimraf\rimraf.js:83:7)at CB(D:\web codecrm-web-ideanode modules\rimraf\rimraf.is:119:9) at FSRegCallback.oncomplete(fs.is:180:23) npm ERR! cOde ELIFECYCLE npmERR! errno 1 ERR!crm-picc-insurance@1.0.1 build:node build/build.isnpmnpM ERR!Exit status 1 npm ERR! npmERR! Failed at the crm-picc-insurance@1.0.1 build script.npm ERR! This is probably not a problem with npm. There is likely additional logging output above nPm ERR!A complete log of this run can be found in:npm ERR!C:\Users\admin\AppData\Roaming\npm-cache\logs\2025-06-19T09 27 42 578Z-debug.log
06-20
[^2]:引用[2][^4]:引用[4][^5]:引用[5]根据您提供的错误信息和引用内容，`TypeError: Cannot read property 'compilation' of undefined` 错误是由于 **terser-webpack-plugin 版本与 Webpack 3.12.0 不兼容**导致的...
【使用未定义的变量】Vue开发中出现Loading Chunk Failed以及Uncaught TypeError: Cannot read properties of undefined的问题解决
蓝胖子的博客
02-04 690
【使用未定义的变量】Vue开发中出现Loading Chunk Failed以及Uncaught TypeError: Cannot read properties of undefined的问题解决
Vue中报错：“TypeError: Cannot read properties of undefined (reading ‘key‘)“
try_hard_more的博客
06-12 1万+
原因：在循环的时候 取key值 没有取到 是undefined
【Vue】TypeError: Cannot read properties of undefined (reading ‘xxx‘)
qq_45152044的博客
08-30 1365
【Vue】TypeError: Cannot read properties of undefined (reading 'xxx')
Vue报错: TypeError: Cannot read properties of undefined (reading ‘xxx‘)
q249859693的博客
04-19 2202
数据之前没渲染 mounted或判断
Vue报错：TypeError: Cannot read properties of undefined (reading ‘matched‘)
m0_59541783的博客
10-11 2059
TypeError: Cannot read properties of undefined (reading 'matched') Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')"
Vue报错: TypeError: Cannot read properties of undefined (reading ‘protocol‘)
热门推荐
雨落宿命敲的博客
11-21 6万+
vue报错: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘protocol’) 报错信息: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'protocol') at isURLSameOrigin (isURLSameOrigin.js?3934:57) a
vue报错： “TypeError: Cannot read properties of undefined (reading ‘0‘)“
fury的博客
03-22 6713
1，起因：在页面使用到的数据是嵌套多层的时候，比如是拿的是数组的第三层的数据进行展示，像data[0][0]，在页面进行初始化的时候，会报错：Cannot read properties of undefined (reading ‘0’)；Vue里面的一个坑：vue.esm.js?4、补充：如果项目中使用了的自定义日历组件，在初始化日历数据的时候，如果需要显示的数据的数据结构比较复杂，像data[0][1]，最好把方法写到created()方法里，而不是mounted()，避免出现上述错误，
Vue：TypeError: Cannot read properties of undefined (reading ‘_wrapper‘)
m0_58565372的博客
08-22 4621
今天遇到了这个bug，经过百度搜索，大概意思就是因为你的项目页面里面，写了方法名，但是没有在methods里面定义方法。我通过这个思路，发现自己就是这个原因，所以如果你遇到同样的bug，你可以去检查看看自己定义的方法，有没有在methods写入。
Vue开发者的福音：IntelliJ IDEA中集成Element UI提示插件
该插件名为“elementUI”，结合了Vue.js框架中的Element UI组件库，旨在为使用Vue.js开发Web应用的用户提供代码提示功能。 #### 描述解析 描述部分提供了插件的安装和使用说明： 1. **安装步骤**： - **步骤一**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

船长在船上

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值