react项目引入element-react报错解决方案

最新推荐文章于 2023-11-02 00:37:32 发布
最新推荐文章于 2023-11-02 00:37:32 发布
阅读量1.5k 收藏 1
点赞数
文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/struggle_WDJR/article/details/105743814
版权

安装element-react

npm i element-react --save

安装默认主题

npm i element-theme-default --save

安装完成后试用报错如上，不能解析 ‘react-hot-loader’
./node_modules/element-react/dist/npm/es5/libs/animate/transition.js
Module not found: Can’t resolve ‘react-hot-loader’ in ‘…’

满脸无奈,
解决方法下载安装‘react-hot-loader’

npm i react-hot-loader@next --save

安装好之后就运行项目,就没问题啦!

羽尐澪
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-element-to-jsx-string:将ReactElement变成相应的JSX字符串
05-11
react-element-to-jsx字符串 将ReactElement变成相应的JSX字符串。 对于单元测试和您可能想到的任何其他需求很有用。 特征： 支持嵌套和深层嵌套，例如<div a={{b:>}}}} /> props：支持字符串，数字，函数（以prop={...
vue react git antd element-ui等图标
08-30
在前端开发领域，Vue、React、Git、Ant Design（简称antd）和Element UI是不可或缺的重要技术组件和框架。这些工具和服务极大地提升了开发效率，优化了用户体验，并推动了现代Web应用程序的发展。 1. Vue.js：Vue是...
谷粒后台项目的记录：React+Element-React （一）：安装与基本配置
weixin_41897680的博客
08-05 1200
声明：这是学习react项目记录的开发过程，项目来源于尚硅谷 没有后台数据，有些功能不会实现 在线视频教程： 尚硅谷React项目教程(react实战全栈谷粒后台) 使用脚手架创建项目 npm install -g create-react-app //全局下载工具 create-react-app my-app //创建项目my-app cd my-app //进入my-app项目 npm start //启动项目 打包发布 npm run build //使用server
react引入element-UI报错
block_xu的博客
12-31 1420
问题 初学react，按照官网的方式引入element-UI后，控制台报一下错误 Module not found: Can't resolve 'react-hot-loader' in 'xxx node_modules\element-react\dist\npm\es5\libs\animate' 解决办法 安装最新版 react-hot-loader 后解决问题 npm install...
react项目引入element-react报错
weixin_43254676的博客
03-16 1925
./node_modules/element-react/dist/npm/es5/libs/animate/transition.js Module not found: Can’t resolve ‘react-hot-loader’ in ‘…’ react项目引入element-react 官网步骤分2步 安装element-react npm i element-react --save...
安装element-ui后，运行报错ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Erro
前端蜗牛君
03-15 3074
ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in “xxx” ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.js Module not found: Error: Can’t resolve ‘throttle-d
react错误总结
qq_29443327的博客
06-02 363
问题： 使用Element React报错： Compiling… Failed to compile. ./node_modules/element-react/dist/npm/es5/libs/animate/index.js Module not found: Can’t resolve ‘react-hot-loader’ in 'F:\my-app\node_modules\element-react\dist\npm\es5\libs\animate’ 解决方法： 在终端执行 npm inst
React随记：React常见报错及解决方案
鸡肋佐的博客
01-12 3496
React常见报错及解决方案
Module not found: Can't resolve 'react-hot-loader' 解决办法
三月泡生长在阳春三月天，把鲜红的美味奉献给世人
06-19 9721
刚开始学习react，记录下错误 Module not found: Can't resolve 'react-hot-loader' in 'd:\react\react-elementui\ node_modules\element-react\dist\npm\es5\libs\animate' 解决办法： 进入项目目录， cdd:\react\react-elementui ...
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
react-scoped-css：ReactCSS封装解决方案
02-04
使用react-scoped-css，您可以编写已知的普通CSS，同时具有CSS封装的优势！ 它是如何工作的 将您CSS写入以.scoped.css结尾的文件中（也支持scss和sass ） /* Title.scoped.css */ . title { background : # 999 ;...
react-credit-cards：用于付款表格的漂亮信用卡
02-05
npm install --save react-credit-cards 用法 import React from ' react ' ; import Cards from ' react-credit-cards ' ; export default class PaymentForm extends React . Component { state = { cvc : ' ' ,...
基于react项目打包css引用路径错误解决方案
01-18
没有去修改create-react-app默认的配置文件 执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为 手动更改index.html的路径之后又报静态...
react-native-ui-lib：React Native的UI组件库
02-01
import {Colors, Typography, Spacings} from 'react-native-ui-lib'; Colors.loadColors({ primaryColor: '#2364AA', secondaryColor: '#81C3D7', textColor: '##221D23', errorColor: '#E63B2E', ...
react-ElementReact使用React编写的Element
08-15
"ElemeFE-element-react-60eaa9d"这个文件名可能是Git仓库的一个特定提交版本，表示了ElementReact在某一时刻的代码状态。及时关注和升级到最新版本，可以确保利用到最新的功能和修复的安全问题。 ### 9. 社区支持...
在react项目中使用element-ui
最新发布
qq_46051895的博客
11-02 1153
element-ui在react项目里的安装流程及报错的解决方法
报错 react-hot-loader
weixin_34232617的博客
05-30 403
./node_modules/element-react/dist/npm/es5/libs/animate/index.js Module not found: Can't resolve 'react-hot-loader' in 'C:\Chidu\Projects\amplifyagora\node_modules\element-react\dist\npm\es5\libs\anim...
webpack中遇到 ERROR in ./node_modules/***的解决办法
热门推荐
qq_41672008的博客
04-09 9万+
如果在使用webpack编译时遇到如下情况： 可以看见遇见一片红，但是只要关注开头，就是ERROR in ./node_modules/***，于是可以想到你的node_modules出现了问题， 可能你的包出现问题，但是实际上包出现问题的几率不大，那什么导致了node_modules出现了问题？ 解决方法：原因基本是你在使用babel的时候，babel的文件匹配规则出现了错误，打...
React中使用Element React正常运行不影响组件效果，但报错严格模式的问题
xixi的博客
09-11 611
在React项目中使用Element React中的组件时，报如下错误： 报这个错误不影响运行和效果，但是需要解决，首先我们找到项目src目录中的index.js，删除掉有 <React.StrictMode>这段代码，修改成如下： ReactDOM.render(<App />,document.getElementById('root')); ...
引入react-screenshot-test报错
05-18
如果在使用 `react-screenshot-test` 时出现错误，可以尝试以下步骤： 1. 确保已经安装了 `react-test-renderer` 和 `react-dom`，这两个包是 `react-screenshot-test` 的依赖项。 2. 检查是否正确引入了 `react-screenshot-test`。在使用时，应该先引入 `TestRenderer` 和 `renderScreenshot`： ```javascript import TestRenderer from 'react-test-renderer'; import { renderScreenshot } from 'react-screenshot-test'; ``` 3. 检查是否在使用 `renderScreenshot` 时传入了正确的参数。该方法接受两个参数：要渲染的 React 组件和一个选项对象。例如： ```javascript const result = await renderScreenshot(<MyComponent />, { viewport: { width: 1024, height: 768, }, waitUntil: 'networkidle0', }); ``` 4. 如果还是出现错误，可以尝试升级 `react-screenshot-test` 的版本，或者查看文档中的示例代码，确认自己的代码没有问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值