Webpack TypeError: Cannot read property 'make' of undefined问题

最新推荐文章于 2022-11-18 09:27:21 发布
最新推荐文章于 2022-11-18 09:27:21 发布
阅读量2.7k 收藏 13
点赞数 8
文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38670328/article/details/105857774
版权

npm install html-webpack-plugin@3.2.0 --save-dev
接触webpack不久，对于很多问题还不是很了解。这个问题我是通过更换版本解决的，具体原因不知道，可能是里面的各个插件之间版本不兼容吧。
在这里插入图片描述
在这里插入图片描述
安装后问题就解决了，版本从4.0换到3.2.0。
在这里插入图片描述
npm run build 在跑一下就没问题了
在这里插入图片描述

Myosotis♀
关注
TypeError: Cannot read property 'make' of undefined;html-webpack-plugin\lib\cached-child-compiler.js
eadela的博客
04-19 3453
PS F:\vue\vue20200414\param8> npm run dev > param8@1.0.0 dev F:\vue\vue20200414\param8 > webpack --config ./webpack.dev.config.js F:\vue\vue20200414\param8\node_modules\webpack\bin\webpack...
Vue 指令函数的简写形式
mqingo的博客
01-07 4853
  10指令函数的简写形式.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
TypeError: Cannot read property ‘make‘ of undefined
奔跑的痕迹的博客
10-21 624
这搞个html-webpack-plugin插件进来运行就一大篇报错尴尬 看了一圈又是版本兼容的问题，做下修改。。。。 OK 运行成功
npm TypeError---Cannot read property 'make' of undefined
shang_0122的博客
04-20 1939
一、问题描述 在打包项目时报错，查到根源是plugin版本问题 二、解决方案 将plugin版本改为3.2.0 运行指令npm install，安装完即可
微信小程序：TypeError: Cannot read property ‘mark’ of undefined
weixin_48302334的博客
12-10 1万+
微信小程序：TypeError: Cannot read property ‘mark’ of undefined 我这边问题如图：使用ES7异步网络请求方法：async getGoodgsList(){ const res=await request({}） 解决方法： 打开界面右边的。。。选择其中的设置-—>项目设置,将增强编译勾选上。如下图。 此时再运行小程序，完美解决。 ...
微信小程序打包报错：TypeError: Cannot read property ‘mark’ of undefined
halo1416的博客
01-20 737
1. 报错原因 使用uni-app技术栈完成了一个小程序开发，开发模式没有任何报错。在打包提交后用开发者工具打开时报错如下： 报错原因：使用了ES7异步网络请求方法：async await async onShow(){ await this.getList() } 2. 解决方法 在微信开发者工具的详情 =》本地设置 =》打开“增强编译” 即可 此时，再次运行小程序，报错没有了！解决 文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！ ...
Vue配置compression-webpack-plugin实现Gzip压缩
m0_67392010的博客
03-09 3183
gzip简介 HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。 简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。 那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清晰的了解。 nginx启用gzip gzip on; # 开启Gzip gzip_static on;
webpack4 升级
u013262823的博客
03-15 1123
webpack4升级之坑 webpack4出来已经好久，看到之前的vue-cli项目还是基于"webpack": “^3.6.0”,所以参考了一些资料，对webpack3做了升级。 webpack版本升级 "webpack": "^4.29.6" cnpm i 或者 npm i ，依赖安装，npm run dev 看下效果，出现一堆的错误。不难发现是webpack-dev-server 导致： ...
webpack错误大集合
RK
12-24 1094
1. You may need an appropriate loader to handle this file type. 这个是在开发过程中比较常见的错误，就是少了一个loader用于解析对应的文件 2. UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function 这是我在使用webpack打包css时，出现的一个错误，导致css无法打包原因是 css-loader 和 st..
微信小程序：TypeError: Cannot read property ‘mark‘ of undefined
彭世瑜的博客
08-24 1579
微信小程序代码报错 TypeError: Cannot read property 'mark' of undefined 原因是使用了ES7的语法 async await 勾选【增强编译】后报错消失
webpack4 启动时报 Cannot read property 'properties' of undefined
peade的博客
09-28 1万+
今天重新切换项目，启动webpack dev是报了 一个 properties undefined。 在这个错误上面，还有一句话 如下： options Schema.definitions.output.properties.path.description 看报错的详细，没有发现是配置上的问题。 在google上找，查到了下面这个链接 https://github.com/webpa...
webpack3+和extract-text-webpack-plugin 时遇到 Cannot read property 'thisCompilation' of undefined 错误
qq_34672907的博客
04-28 1万+
最近接手公司前端外包出去的的项目，然后在npm run build的时候遇到了两个问题。 第一点是  A complete log of this run can be found in: npm ERR!     C:\Users\90422\AppData\Roaming\npm-cache\_logs\2018-04-28T09_26_42_435Z-debug.log 这个问题很简单
解决TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)的四种方案
提笔忘字的帝国
05-11 5万+
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule') TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (E:\aqy-app\node_modules\vue-loader-v16\dist\pluginWebpack5.js:44:47) at
TypeError: Cannot read property ‘xxxx‘ of undefined的解决方法
m0_56830409的博客
03-02 6802
报错如图： 图片报错内容为：TypeError: Cannot read property ‘company’ of undefined. 怎样解决这个bug 大多数情况下是’xxxx’的调用者为null或者为undefined报出来的错。 首先你可以使用console.log()将这个对象在浏览器的控制台打印出来，如果打印不出来的话，就是它没有接收到这个数据； 此时需要在插件中加入v-if条件判断，传过来的参数为tagName16，如果传过来的数是null则给他一个值，如果后端传值的时候这个ta
[解决]“TypeError: Cannot read property ‘xxx‘ of undefined“
m0_64838460的博客
11-18 1万+
错误解决。
[已解决]“TypeError Cannot read property ‘xxx‘ of undefined“报错情况分析
m0_67401417的博客
03-06 3万+
这句话直译过来就是：TypeError：无法读取未定义的属性“ xxx” 首先去看看属性 ‘xxx’ 有没有定义。没定义的根据实际需求在data中或者方法中定义一下。 1、如果在data中定义了，先看看你的data写对了没，我有一次手误打成了 date ，检查了一下午才看出来o(╥﹏╥)o 2、如果这个数据“xxx”是从后台异步获取的，那就最好在data中先给他个默认值 比如， data() { return { obj1: '', obj2: null. obj3
vue路由跳转时出现 TypeError: Cannot read property ‘_c‘ of undefined
Brilliant Me 的博客
01-07 2万+
vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined 启动项目并点击跳转路由，出现上边的错误，在网上找了蛮久，发现各种解答都有。经过多种尝试，发下代码写错了。网上各种改配置，都不适用，所以决定贴出来。 对应页面 <template> <div> <el-form ref="form......
【vue踩坑记录】3、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题
热门推荐
edc3001的博客
02-09 27万+
【前提】： 搭建项目商家详情头部时，能够完整渲染出整体头部界面无问题，但开发者工具仍然报出“Error in render: "TypeError: Cannot read property '0' of undefined”错误，具体如下 【解决过程】： 首先Google翻一下： 见文之意：这里的意思就是模板在渲染时候，读取对象中的某个对象的属性值时，这个对象不存在，说通俗点就是...
Vue项目中，解决npm run build报错 TypeError: Cannot read property 'compilation' of undefined
唐唐唐行的博客
10-28 6746
描述： npm run build 时控制台报错如下： node build/build.js building for production.../Volumes/BOOTCAMP/Vue/eciot/node_modules/last-call-webpack-plugin/src/index.js:170 compiler.hooks.compilation.tap(...
Html Webpack Plugin: TypeError: Cannot read properties of undefined (reading 'index')
最新发布
10-13
HtmlWebpackPlugin是一个用于将HTML模板与Webpack打包的静态资源关联起来的插件。它允许你在webpack配置文件中定义一个或多个HTML模板，并自动将其内容替换为打包后的JavaScript、CSS和其他资源的引用，方便构建产出的静态网站或单页应用。 然而，你提到的TypeError: Cannot read properties of undefined (reading 'index')错误通常是由于插件在尝试访问某个变量或属性时，这个变量尚未被初始化或者当前值为undefined导致的。这可能是以下几个原因： 1. **配置错误**：检查你的HtmlWebpackPlugin配置是否正确，比如`template`选项指向的路径是否不存在或未提供正确的路径。 2. **依赖缺失**：确保已经正确安装并引入了所需的HtmlWebpackPlugin模块及其版本。 3. **生命周期钩子错误**：如果在某个生命周期函数中（如`apply`方法）出错，可能导致这个错误。确认钩子内的操作是否在所有情况下都有有效的数据。 要解决这个问题，你可以尝试通过以下步骤排查： 1. 查看插件的报错堆栈信息，定位到具体的代码行数。 2. 检查相关变量在使用前是否有正确的赋值或初始化。 3. 使用`console.log`或`debugger`打印关键变量，确保它们在预期的时间点上有合适的值。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Myosotis♀

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

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

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

打赏作者

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

抵扣说明：

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

余额充值