STM32基础--GPIO输入（按键检测）

最新推荐文章于 2025-05-13 10:11:45 发布
原创 最新推荐文章于 2025-05-13 10:11:45 发布 · 2.6k 阅读 · 29 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#stm32 #嵌入式硬件 #单片机

硬件设计

按键机械触点断开、闭合时，由于触点的弹性作用，按键开关不会马上稳定接通或一下子断开，使用按键时会产生图中的带波纹信号，可以用软件消抖处理滤波，或者硬件消抖方式。
在这里插入图片描述

下图为硬件消抖的电路连接图

在这里插入图片描述
在这里插入图片描述

从按键的原理图可知，这些按键在没有被按下的时候，GPIO 引脚的输入状态为低电平 (按键所在的电路不通，引脚接地)，当按键按下时，GPIO 引脚的输入状态为高电平 (按键所在的电路导通，引脚接到电源)。只要我们检测引脚的输入电平，即可判断按键是否被按下。

软件设计

同 LED 的工程，为了使工程更加有条理，我们把按键相关的代码独立分开存储，方便以后移植。在“工程模板”之上新建“bsp_key.c”及“bsp_key.h”文件，这些文件也可根据您的喜好命名，这些文件不属于 STM32 标准库的内容，是由我们自己根据应用需要编写的。

编程要点

  1. 使能 GPIO 端口时钟；
  2. 初始化 GPIO 目标引脚为输入模式 (浮空输入)；
  3. 编写简单测试程序，检测按键的状态，实现按键控制 LED 灯。

代码分析

别忘了的事

添加bsp_key.c文件和bsp_key.h文件
别忘了添加文件的时候，在魔术棒的地方加路径。（加上bsp_key.h存放的路径）

按键引脚宏定义（bsp_key.h中）

同样，在编写按键驱动时，也要考虑更改硬件环境的情况。我们把按键检测引脚相关的宏定义到“bsp_key.h”文件中。

//引脚定义
#define KEY1_GPIO_CLK										RCC_APB2Periph_GPIOA
#define KEY1_GPIO_PORT									GPIOA
#define KEY1_GPIO_PIN										GPIO_Pin_0

#define KEY2_GPIO_CLK										RCC_APB2Periph_GPIOC
#define KEY2_GPIO_PORT									GPIOC
#define KEY2_GPIO_PIN										GPIO_Pin_13

以上代码根据按键的硬件连接，把检测按键输入的 GPIO 端口、GPIO 引脚号以及 GPIO 端口时钟封装起来了。

按键 GPIO 初始化函数

利用上面的宏，编写按键的初始化函数。

/**
  * @brief  初始化KEY的IO，浮空输入
  * @param  无
  * @retval 无
  */
void Key_GPIO_Config(void)
{
		/*定义一个GPIO_InitTypeDef类型的结构体*/
		GPIO_InitTypeDef  GPIO_InitStructure;

		/*开启KEY相关的GPIO外设时钟*/
		RCC_APB2PeriphClockCmd(KEY1_GPIO_CLK | KEY2_GPIO_CLK ,ENABLE);
		/*选择要控制的GPIO引脚*/
		GPIO_InitStructure.GPIO_Pin = KEY1_GPIO_PIN;

		/*设置引脚模式为浮空输入*/
		GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;

		/*调用库函数，初始化GPIO*/
		GPIO_Init(KEY1_GPIO_PORT, &GPIO_InitStructure);	
		
		/*选择要控制的GPIO引脚*/
		GPIO_InitStructure.GPIO_Pin = GPIO_Mode_IN_FLOATING;

		/*调用库函数，初始化GPIO*/
		GPIO_Init(KEY2_GPIO_PORT, &GPIO_InitStructure);	
	
}

同为 GPIO 的初始化函数，初始化的流程与“LED GPIO 初始化函数”章节中的类似，主要区别是引脚的模式。函数执行流程如下：
(1) 使用 GPIO_InitTypeDef 定义 GPIO 初始化结构体变量，以便下面用于存储 GPIO 配置。
(2) 调用库函数 RCC_APB2PeriphClockCmd 来使能按键的 GPIO 端口时钟，调用时我们使用“|”操作同时配置两个按键的时钟。
(3) 向 GPIO 初始化结构体赋值，把引脚初始化成浮空输入模式，其中的 GPIO_Pin 使用宏“KEYx_GPIO_PIN”来赋值，使函数的实现方便移植。由于引脚的默认电平受按键电路影响，所以设置成浮空输入。
(4) 使用以上初始化结构体的配置，调用 GPIO_Init 函数向寄存器写入参数，完成 GPIO 的初始化，这里的 GPIO 端口使用“KEYx_GPIO_PORT”宏来赋值，也是为了程序移植方便。
(5) 使用同样的初始化结构体，只修改控制的引脚和端口，初始化其它按键检测时使用的 GPIO引脚。

检测按键的状态

初始化按键后，就可以通过检测对应引脚的电平来判断按键状态。
在bsp_key.h中

/** 按键按下标置宏
* 按键按下为高电平，设置 KEY_ON=1， KEY_OFF=0
* 若按键按下为低电平，把宏设置成 KEY_ON=0 ，KEY_OFF=1 即可
*/
#define KEY_ON													1
#define KEY_OFF 												0

在bsp_key.c中

/**
	* @brief检测是否有按键按下
	* @paramGPIOx: 具体的端口, x 可以是（A...G）
	* @paramGPIO_PIN: 具体的端口位， 可以是 GPIO_PIN_x（x 可以是 0...15）
	* @retval	按键的状态
	*	@arg KEY_ON: 按键按下
	*	@arg KEY_OFF: 按键没按下
**/

uint8_t Key_Scan(GPIO_TypeDef* GPIOx,uint16_t GPIO_Pin)
{
	/* 检测是否有按键按下 */
	if(GPIO_ReadInputDataBit(GPIOx,GPIO_Pin) == KEY_ON){
		//因为有硬件消抖，故不写软件消抖
			/* 等待按键释放 */
		while(GPIO_ReadInputDataBit(GPIOx,GPIO_Pin) == KEY_ON);
		
		return KEY_ON;
			
	}
	else{
		return KEY_OFF;
	}

}

在这里我们定义了一个 Key_Scan 函数用于扫描按键状态。GPIO 引脚的输入电平可通过读取 IDR寄存器对应的数据位来感知，而 STM32 标准库提供了库函数 GPIO_ReadInputDataBit 来获取位状态，该函数输入 GPIO 端口及引脚号，函数返回该引脚的电平状态，高电平返回 1，低电平返回0。Key_Scan 函数中以 GPIO_ReadInputDataBit 的返回值与自定义的宏“KEY_ON”对比，若检测到按键按下，则使用 while 循环持续检测按键状态，直到按键释放，按键释放后 Key_Scan 函数返回一个“KEY_ON”值；若没有检测到按键按下，则函数直接返回“KEY_OFF”。若按键的硬件没有做消抖处理，需要在这个Key_Scan 函数中做软件滤波，防止波纹抖动引起误触发。

接下来我们使用编写按键检测测试流程。

在bsp_key.c中

/**
  * @brief  KEY测试函数,按动按键则小灯变换一个颜色
  * @param  无
  * @retval 无
  */
void Key_GPIO_Test(void)
{
	/* LED 端口初始化 */
	LED_GPIO_Config();
	
	/* 初始化按键 */
	Key_GPIO_Config();
	
	LED1_ON;
	/* 轮询按键状态，若按键按下则反转 LED(还没学到DMA或者中断呢) */
	while(1){
		if(Key_Scan(KEY1_GPIO_PORT,KEY1_GPIO_PIN) == KEY_ON){
					/*LED2 关闭 */
					LED2_OFF;
					/*LED1 反转 */
					LED1_TOGGLE;
		}
		
		if(Key_Scan(KEY2_GPIO_PORT,KEY2_GPIO_PIN) == KEY_ON){
				  /*LED1 关闭 */
					LED1_OFF;
					/*LED2 反转 */
					LED2_TOGGLE;
		}	
	}	
}

代码中初始化 LED 灯及按键后，在 while 函数里不断调用 Key_Scan 函数，并判断其返回值，若返回值表示按键按下，则反转 LED 灯的状态。

代码

main.c

/**
 * *****************************************************************************
 * @file        main.c
 * @brief       主函数
 * @author       (六千里)
 * @date        2024-03-09
 * @copyright   无
 * *****************************************************************************
 */
#include "stm32f10x.h"  

int main(void)	
{
	// 来到这里的时候，系统的时钟已经被配置成72M。
	Key_GPIO_Test();

}

bsp_key.c

/**
 * *****************************************************************************
 * @file        bsp_key.c
 * @brief      	按键检测文件
 * @author       (六千里)
 * @date        2024-03-09
 * @copyright   无
 * *****************************************************************************
 */

#include "bsp_key.h"
#include "bsp_led.h"

/**
  * @brief  初始化KEY的IO，浮空输入
  * @param  无
  * @retval 无
  */
void Key_GPIO_Config(void)
{
		/*定义一个GPIO_InitTypeDef类型的结构体*/
		GPIO_InitTypeDef  GPIO_InitStructure;

		/*开启KEY相关的GPIO外设时钟*/
		RCC_APB2PeriphClockCmd(KEY1_GPIO_CLK|KEY2_GPIO_CLK ,ENABLE);
		/*选择要控制的GPIO引脚*/
		GPIO_InitStructure.GPIO_Pin = KEY1_GPIO_PIN;

		/*设置引脚模式为浮空输入*/
		GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;

		/*调用库函数，初始化GPIO*/
		GPIO_Init(KEY1_GPIO_PORT, &GPIO_InitStructure);	
		
		/*选择要控制的GPIO引脚*/
		GPIO_InitStructure.GPIO_Pin = KEY2_GPIO_PIN;

		/*调用库函数，初始化GPIO*/
		GPIO_Init(KEY2_GPIO_PORT, &GPIO_InitStructure);	
	
}

/**
	* @brief检测是否有按键按下
	* @paramGPIOx: 具体的端口, x 可以是（A...G）
	* @paramGPIO_PIN: 具体的端口位， 可以是 GPIO_PIN_x（x 可以是 0...15）
	* @retval	按键的状态
	*	@arg KEY_ON: 按键按下
	*	@arg KEY_OFF: 按键没按下
**/

uint8_t Key_Scan(GPIO_TypeDef* GPIOx,uint16_t GPIO_Pin)
{
	/* 检测是否有按键按下 */
	if(GPIO_ReadInputDataBit(GPIOx,GPIO_Pin) == KEY_ON){
		//因为有硬件消抖，故不写软件消抖
			/* 等待按键释放 */
		while(GPIO_ReadInputDataBit(GPIOx,GPIO_Pin) == KEY_ON);
		
		return KEY_ON;
			
	}
	else{
		return KEY_OFF;
	}

}
/**
  * @brief  KEY测试函数,按动按键则小灯变换一个颜色
  * @param  无
  * @retval 无
  */
void Key_GPIO_Test(void)
{
	/* LED 端口初始化 */
	LED_GPIO_Config();
	
	/* 初始化按键 */
	Key_GPIO_Config();
	
	LED1_ON;
	/* 轮询按键状态，若按键按下则反转 LED(还没学到DMA或者中断呢) */
	while(1){
		if(Key_Scan(KEY1_GPIO_PORT,KEY1_GPIO_PIN) == KEY_ON){
					/*LED2 关闭 */
					LED2_OFF;
					/*LED1 反转 */
					LED1_TOGGLE;
		}
		
		if(Key_Scan(KEY2_GPIO_PORT,KEY2_GPIO_PIN) == KEY_ON){
				  /*LED1 关闭 */
					LED1_OFF;
					/*LED2 反转 */
					LED2_TOGGLE;
		}	
	}	
}

bsp_key.h

#ifndef __BSP_KEY_H
#define __BSP_KEY_H


/**
 * *****************************************************************************
 * 包含的头文件
 * *****************************************************************************
 */

#include "stm32f10x.h"

/**
 * *****************************************************************************
 * 宏定义
 * *****************************************************************************
 */

//引脚定义
#define KEY1_GPIO_CLK										RCC_APB2Periph_GPIOA
#define KEY1_GPIO_PORT									GPIOA
#define KEY1_GPIO_PIN										GPIO_Pin_0

#define KEY2_GPIO_CLK										RCC_APB2Periph_GPIOC
#define KEY2_GPIO_PORT									GPIOC
#define KEY2_GPIO_PIN										GPIO_Pin_13

/** 按键按下标置宏
* 按键按下为高电平，设置 KEY_ON=1， KEY_OFF=0
* 若按键按下为低电平，把宏设置成 KEY_ON=0 ，KEY_OFF=1 即可
*/
#define KEY_ON													1
#define KEY_OFF 												0





/**
 * *****************************************************************************
 * .c文件中包含的函数
 * *****************************************************************************
 */
 void Key_GPIO_Config(void);
 uint8_t Key_Scan(GPIO_TypeDef* GPIOx,uint16_t GPIO_Pin);
 void Key_GPIO_Test(void);
 
 #endif  /*__BSP_KEY_H*/

stm32f10x_conf.h

/**
  ******************************************************************************
  * @file    Project/STM32F10x_StdPeriph_Template/stm32f10x_conf.h 
  * @author  MCD Application Team
  * @version V3.5.0
  * @date    08-April-2011
  * @brief   Library configuration file.
  ******************************************************************************
  * @attention
  *
  * THE PRESENT FIRMWARE WHICH IS FOR GUIDANCE ONLY AIMS AT PROVIDING CUSTOMERS
  * WITH CODING INFORMATION REGARDING THEIR PRODUCTS IN ORDER FOR THEM TO SAVE
  * TIME. AS A RESULT, STMICROELECTRONICS SHALL NOT BE HELD LIABLE FOR ANY
  * DIRECT, INDIRECT OR CONSEQUENTIAL DAMAGES WITH RESPECT TO ANY CLAIMS ARISING
  * FROM THE CONTENT OF SUCH FIRMWARE AND/OR THE USE MADE BY CUSTOMERS OF THE
  * CODING INFORMATION CONTAINED HEREIN IN CONNECTION WITH THEIR PRODUCTS.
  *
  * <h2><center>&copy; COPYRIGHT 2011 STMicroelectronics</center></h2>
  ******************************************************************************
  */

/* Define to prevent recursive inclusion -------------------------------------*/
#ifndef __STM32F10x_CONF_H
#define __STM32F10x_CONF_H

/* Includes ------------------------------------------------------------------*/
/* Uncomment/Comment the line below to enable/disable peripheral header file inclusion */
#include "stm32f10x_adc.h"
#include "stm32f10x_bkp.h"
#include "stm32f10x_can.h"
#include "stm32f10x_cec.h"
#include "stm32f10x_crc.h"
#include "stm32f10x_dac.h"
#include "stm32f10x_dbgmcu.h"
#include "stm32f10x_dma.h"
#include "stm32f10x_exti.h"
#include "stm32f10x_flash.h"
#include "stm32f10x_fsmc.h"
#include "stm32f10x_gpio.h"
#include "stm32f10x_i2c.h"
#include "stm32f10x_iwdg.h"
#include "stm32f10x_pwr.h"
#include "stm32f10x_rcc.h"
#include "stm32f10x_rtc.h"
#include "stm32f10x_sdio.h"
#include "stm32f10x_spi.h"
#include "stm32f10x_tim.h"
#include "stm32f10x_usart.h"
#include "stm32f10x_wwdg.h"
#include "misc.h" /* High level functions for NVIC and SysTick (add-on to CMSIS functions) */
/**
 *自己书写文件的头文件
 **/
#include "bsp_led.h"
#include "bsp_key.h"

/* Exported types ------------------------------------------------------------*/
/* Exported constants --------------------------------------------------------*/
/* Uncomment the line below to expanse the "assert_param" macro in the 
   Standard Peripheral Library drivers code */
/* #define USE_FULL_ASSERT    1 */

/* Exported macro ------------------------------------------------------------*/
#ifdef  USE_FULL_ASSERT

/**
  * @brief  The assert_param macro is used for function's parameters check.
  * @param  expr: If expr is false, it calls assert_failed function which reports 
  *         the name of the source file and the source line number of the call 
  *         that failed. If expr is true, it returns no value.
  * @retval None
  */
  #define assert_param(expr) ((expr) ? (void)0 : assert_failed((uint8_t *)__FILE__, __LINE__))
/* Exported functions ------------------------------------------------------- */
  void assert_failed(uint8_t* file, uint32_t line);
#else
  #define assert_param(expr) ((void)0)
#endif /* USE_FULL_ASSERT */

#endif /* __STM32F10x_CONF_H */

/******************* (C) COPYRIGHT 2011 STMicroelectronics *****END OF FILE****/

参考https://doc.embedfire.com/products/link/zh/latest/index.html

STM32 GPIO输入检测——按键
2301_78660211的博客
03-30 1670
在嵌入式系统开发中，对GPIO输入进行检测是一项常见且关键的任务。STM32微控制器作为一款功能强大的处理器，具有丰富的GPIO功能，可以轻松实现对外部信号的检测和处理。在本文中，我们将深入探讨如何在STM32微控制器上进行GPIO输入检测，并介绍两种常见的方法：轮询检测和中断检测。
STM32第12章 GPIO输入-按键检测（查询的方法）
2201_75297369的博客
10-20 3157
学习时间:2024.10.20在第11章GPIO输出-使用固件库点亮LED的基础上操作。
【STM32F103】按键检测(GPIO输入）
霖郎
01-17 6373
 按键硬件电路： 分析电路：按键K1按下，接通高电平3.3V，为了保护GPIO，加了限流电阻（R7），没按下的时候是接地的，上升沿输入。 PA0具有自动唤醒的功能（必须上升沿才能唤醒），电容C6用以硬件消抖（电容不断充放电），这样软件就不用延时来消抖， K2电路同。 GPIO输入：GPIO数据输入寄存器IDR，只要读取这个寄存器就可以。 bsp_key.c 按键初始化： #inc...
第六章 GPIO输入——按键检测
最新发布
WIZnet2012专栏
05-13 790
本篇文章讲述了如何在W55MH32上实现按键输入检测，以及按键输入检测的注意事项、实现方式和代码讲解等。掌握了按键检测方式之后，我们就可以用按键控制我们想要实现的其他功能啦。
【STM32 .Net MF开发板学习-02】GPIO测试
叶帆工作室
06-29 5514
前段时间我借用市面上现成的Corex-M3开发板，打造了最低价的.Net Micro Framework开发板（参见《免费发放firmwave，打造史上最低价.Net MF开发板》），在此期间也写了一个最简单的应用示例（参见《【STM32 .Net MF开发板学习-01】Hello world》），没有想到是，在硬件开发板上却出现了一些波折，耽搁了很长时间，所以第二个应用示例直到今天才开始写。
stm32f103-GPIO输入-按键检测
10-29
固件库编程，之 GPIO输入-按键检测，使用GPIO口控制三色LED口的RGB
GPIO--按键检测实战
2403_82385265的博客
07-20 1087
在编写按键驱动时，也要考虑更改硬件环境的情况。我们把按键检测引脚相关的宏定义到“bsp_key.h”文件中// 引脚定义当然这是根据不同的硬件设施来写操作的端口和引脚，具体哪个端口和引脚请自行查阅手册。
STM32 GPIO端口进行按键检测.zip
08-09
STM32对GPIO端口进行高低配置，来进行上下左右键的检测，同时该软件具有按键软件消抖配置，防止出现检测不正常的现象。
STM32F103-GPIO-按键检测
01-17
GPIO（General Purpose Input/Output）是STM32的重要功能之一，用于实现对外部设备的输入输出控制，如按键检测。在本教程中，我们将探讨如何使用STM32F103进行GPIO配置和按键检测，以及如何结合KEIL5 IDE和STM32F103...
STM32STM32Cube HAL库-GPIO输入输出的介绍及应用（按键控制灯的闪烁）配套学习代码
07-17
通过理解并熟练掌握这些基础知识，开发者能够快速地构建基于STM32的嵌入式系统，并实现各种功能，如本例中的按键控制LED灯闪烁。结合配套的学习代码"Dome2"，可以更深入地实践和理解这些概念，提升STM32开发技能。
13-GPIO输入—按键检测_gpio输入led_STM32f103按键点亮LED灯_
09-30
标题"13-GPIO输入—按键检测_gpio输入led_STM32f103按键点亮LED灯_"表明我们将重点关注如何使用GPIO输入来检测按键，并通过GPIO输出驱动LED灯。描述"12-GPIO输出—使用固件库点亮LED灯"则预示了我们将在先前章节的...
GPIO输入实验－按键输入检测.rar
12-17
【由周立功编写的ARM7嵌入式系统图书教材《深入浅出ARM7---LPC213X LPC214X》配套的基础实验程序实例全部代码！！！】
【STM32学习记录2】——GPIO输入—按键检测.zip
02-11
STM32学习记录——2.GPIO输入—按键检测 使能 GPIO端口时钟； 初始化 GPIO目标引脚为输入模式(引脚默认电平受按键电路影响，浮空/上拉/下拉均没有区别)； 编写简单测试程序，检测按键的状态，实现按键控制 LED灯。
GPIO引脚电平检测 - 杨奉武 - 博客园1
08-04
1.配置引脚作为输出 2.如果检测输出的是高电平则输出电平,如果检测输出的 3. ESP8266刷AT固件与node 4. 用ESP8266+android,制
STM32单片机按键检测
01-17
STM32单片机经典按键检测程序，程序易懂、助于初学者学习使用。
【STM32+HAL+Proteus】系列学习教程4---GPIO输入模式(独立按键)
面包板扎的专栏
04-23 2379
掌握GPIO 输入模式控制
面向应用学习stm32(2)-GPIO输入检测-按键控制灯
qq_51663309的博客
05-05 2440
GPIO输入
6、GPIO输入按键检测（轮询检测）
thebestleo的专栏
12-28 1260
stm32按键检测实验
STM32-GPIO输入——按键检测
qq_62741190的博客
02-01 1985
为了方便移植，我们把按键引脚等资源宏定义到 “bsp_key.h”文件中，以下代码根据按键的硬件连接，把检测按键输入的GPIO端口、GPIO引脚号以及GPIO端口时钟 封装起来了。以下是我的开发板的定义，不同硬件根据自己资源更改。//引脚定义/** 按键按下标置宏* 按键按下为高电平，设置 KEY_ON=1， KEY_OFF=0* 若按键按下为低电平，把宏设置成KEY_ON=0 ，KEY_OFF=1 即可*/1.2.2 按键初始化函数利用上面的宏，编写按键的初始化函数。
syntax error: error: cannot find module 'cache-loader'
06-28
### 回答1： 语法错误：错误：找不到模块'cache-loader'。 这个错误通常是由于缺少依赖项或安装不正确的模块引起的。您可以尝试重新安装缺少的模块或更新您的依赖项。如果问题仍然存在，请检查您的代码并确保正确导入了所需的模块。 ### 回答2： 发生此错误，说明在 Node.js 应用程序中引用了 'cache-loader' 模块，但 Node.js 无法找到此模块。故此错误出现通常有以下原因： 1. 模块没有正确安装：'cache-loader' 模块可能没有被正确地安装。 解决方法：使用 npm install cache-loader -g 命令全局安装此模块。 2. 模块被误删除：如果曾经安装过 'cache-loader' 模块，但删除了它，可能会导致这个错误。 解决方法：重新安装 'cache-loader' 模块即可。 3. Node.js 环境版本问题：'cache-loader' 模块需要 Node.js 环境支持，如果使用的 Node.js 版本不兼容，则会提示找不到模块。 解决方法：升级或降级 Node.js 环境即可。 4. 项目依赖不一致：项目中的其他依赖可能不兼容 'cache-loader' 模块，导致找不到此模块。 解决方法：尝试升级或降级项目中的其他依赖以解决依赖不一致问题。 总之，如果遇到此错误，最好确定 'cache-loader' 模块是否存在，如果存在，则需要查明问题的具体原因，并采取适当的解决方法。 ### 回答3： 该错误是因为在使用Webpack构建时，无法找到所需的模块“cache-loader”。这个模块通常是用来加速Webpack构建时间的。所以当我们试图使用缓存时，却找不到该模块时，就会出现这种错误。 如果出现这种错误，通常可以通过以下步骤来解决： 第一步是确认是否已经安装了“cache-loader”模块。如果没有安装，则需要使用npm命令来安装该模块。在终端中进入项目根目录，执行以下命令：npm install cache-loader --save-dev。 第二步是检查项目中是否存在依赖该模块的代码。如果没有，则需要在Webpack配置文件中将其删除。如果存在，则需要将其正确地引入到Webpack配置中。在Webpack配置文件中找到与该模块相关的配置项，将其添加到“module.rules”或“module.loaders”中。 第三步是重新启动Webpack构建，并确认是否还出现该错误。如果该错误仍然存在，则需要进一步排除问题。可以尝试升级或回滚该模块的版本，或尝试删除缓存和重新安装依赖项等方法。 总之，要解决这个错误，我们需要了解Webpack的基本概念和配置，掌握一些基本的调试技巧，以及有耐心、仔细地排除问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值