使用Ant Design库练习React，报错bundle.js:10 Uncaught Error: Module build failed (from ./node

一、使用Ant Design库中的“按钮”

在新建的文件（App.jsx）中引入Ant Design库中的“按钮”代码后，

二、出现问题

在index.js中导入要使用的组件：<App/>，由于第一步没有先手动import导入组件，而是先写了<App/>，所以VS Code自动生成了 import { App } from 'antd';

三、错误原因

import { App } from 'antd'; 与 import App from "./App.jsx" 相冲突，（文件名与antd库导入的名重复了）

导致了报错：bundle.js:10 Uncaught Error: Module build failed :

四、解决问题

把VS Code自动生成的 import { App } from 'antd'注释掉：

五、最终效果

按钮就出来了：

六、总结

1.看有没有重复的导入

2.文件名有没有重复

3.文件名与antd库中使用的名一样（例子：文件名叫upload，antd库中也有upload)

使用Ant Design库练习React，报错bundle.js:10 Uncaught Error: Module build failed (from ./node_modules/相关推荐

Ant Design Pro引入Echarts 报错Unexpected token
想要在ant design pro中引入echart,发现在网上找了很多示例直接运行不通过,可能需要更改下部分格式,比如直接引用下面链接中的代码就会报错:Unexpected token, https ...
Ant design pro引入Echarts报错：TypeError: Cannot read property 'x_data' of undefined
目录 (1)报错:TypeError: Cannot read property 'x_data' of undefined (2)报错:× Error: Component series.line ...
Ant Design Pro项目启动报错 ChunkError mf-va_remoteEntry umi
版本: Ant Design Pro 5,typescript 背景: 有个项目写完,后期等待沟通,于是去做了其他项目.回头再来看这个项目时,无法启动,删除node_modules也无法启动. 解决办 ...
[ant design vue] 关于ant design vue 表单报错合集
情况一:当我点击新增时会报以下错误: 原因是我在使用v-decorator的同时使用了v-model,如下图: 解决方案就是:把v-model删掉,需要动态获取值,可以通过: this.form.ge ...
ruoyi前端启动报错./src/main.js Module build failed (from ./node_modules/eslint-loader/index.js):
ruoyi前端启动升级nodejs 删掉node_modules 文件夹,然后重新npm install, 重新 npm run dev 报错,这次报的是一个什么图标icon的问题,但是上面的问题的 ...
node sass 报错解决方法 Module build failed (from ./node_modules/sass-loader/dist/cjs.js)
node-sass没安装好报的错先卸载文件,然后再安装一遍 npm install node-sass 如果还提示报错,可能是安装版本过高,选择合适的版本进行安装例如: npm install n ...
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
一.问题背景最近在搞一个英语学习平台管理系统的时候,遇到了一个问题,莫名奇妙报了一个pagination的校验错误警告,这可把我整懵逼了看了一下代码,也没有错撒,而且我之前封装的组件用的好好的,怎么 ...
【吭】centos安装mysql报错OSError: mysql_config not found/error: command ‘gcc‘ failed with exit status 1
问题: OSError: mysql_config not found 解决:yum install mysql-devel 问题:error: command 'gcc' failed wit ...
keil报错：No Target connected+Error: Flash Download failed - Target DLL has been cancelled四种可能
一.供电板子一定要供电! 二.ST-LINK是否接触不良确保ST-LINK跟板子连接完好三.按住reset点击download 硬件和接线都没问题情况下,这时候可能是SWD的引脚被占用了,或者被 ...
react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone
react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone 在采用ant.design的Tabl ...

使用Ant Design库练习React，报错bundle.js:10 Uncaught Error: Module build failed (from ./node_modules/

使用Ant Design库练习React，报错bundle.js:10 Uncaught Error: Module build failed (from ./node_modules/相关推荐

最新文章

热门文章