Module not found: Error: Can‘t resolve ‘faker‘ in react： react中无法导入faker库

原创 已于 2023-12-01 12:36:04 修改 · 215 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #前端 #前端框架

于 2023-12-01 12:35:23 首次发布
文章讲述了开发者如何在不同环境下处理Node.js项目中Faker模块的版本兼容性问题，强调了npm包管理与依赖版本的重要性。

原文：
https://qmt-ptrade.com/nodejs/178/

有点奇怪的问题。
明明已经 npm install faker了
结果还是不能用。

Module not found: Error: Can't resolve 'faker' in src

在node.js CommonJS中也是可以正常导入。
在react项目中就报错。有点无语。

代码是超书里面的，于是找到书中的源码。书本提供了一个在线运行的环境。

https://codesandbox.io/p/sandbox/holy-shape-634jj?file=%2Fsrc%2FApp.js%3A9%2C1

然后打开这个在线环境，看看它用的faker的版本

是4.1.0的。
于是我在react的项目中，也采用相同的faker版本
npm install faker@4.1.0

安装好之后居然可以通过了。
晕死。原来faker的原作者在npm包里投毒，导致npm上最新的包有问题。

现在可以正常生成随机数据了：

7.2 API 响应体泛型处理方案
嗨，欢迎来到我的 CSDN 博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。
05-24 293
7.2 API 响应体泛型处理方案
react hooks使用_如何使用React Hooks创建响应式固定数据表
cumian8165的博客
08-01 674
react hooks使用One of my projects uses a library called Fixed-Data-Table-2 (FDT2), and it’s great for efficiently rendering tons of rows of data. 我的一个项目使用了一个名为Fixed-Data-Table-2 (FDT2)的库，它对于有效地渲染大量数据行非...
react-fakers:React-Fakers是用于应用程序开发测试的虚拟数据的集合
05-14
React Fakers React Fakers是来自最流行的伪数据提供者（例如Json Place Holder，Faker，Pokemon等）的伪数据的集合，用于应用程序开发测试。 表中的内容 API清单 翻译 笔记 贡献 虫子 作者 执照 安装 npm i react-fakers | yarn add react-fakers 用法示例 钩子 useFaker import React , { useState , useEffect } from 'react' import { useFaker } from 'react-fakers' const App = ( ) => { const { success , error , loading } = useFaker ( ) if ( error ) { alert ( error . messag
Python问题解决5： cannot import name ‘Faker‘ from ‘example‘
简时刻的博客
06-08 1295
出现的问题：
faker.js报错，faker.js报错Cannot find module ‘D:\Prac\Cha\demo8\node_modules\faker\index.js‘，安装显示存在高危漏洞解
HT18328的博客
09-14 341
提示有一个 (high severity)高危漏洞，按照npm的命令说明，可以发现npm audit fix该命令可以用于检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，无需自己跟踪和修复。JS使用faker.js报错Cannot find module ‘D:\Prac\Cha\demo8\node_modules\faker\index.js’可以通过npm audit命令分析 package-lock.json 文件，继而扫描我们的包是否包含漏洞。无法查找到faker中的index.js。
Spring WebFlux + React搭建后台管理系统（6）: 使用faker获取测试数据
泛泛之素
08-31 494
由于测试没有数据，一个一个写的话太麻烦了，这是我们可以使用faker伪造测试数据，之前用写爬虫的时候经常用来生成user-agent，查了一些java也有类似的库： implementation 'com.github.javafaker:javafaker:0.17.2' 通过爬虫获取图像地址 通过faker编写生成SysUser类的对象 通过编写一个faker数据的controller，get传入个数fake相应的用户数据 1. 获取头像地址 随便找了个头像网站，编写了一个爬虫获取了一些头像地
在 React 中渲染大型数据集的 3 种方法
Z__7Gk的博客
08-02 1915
随着 Web 应用程序变得越来越复杂，我们需要找到有效的方法来优化性能和渲染大型数据集。在React应用程序中处理大型数据集时，一次呈现所有数据可能会导致性能不佳和加载时间变慢。
Spring WebFlux + React搭建后台管理系统（11）:尝试RSocket数据流传输
泛泛之素
09-03 1281
reactor等响应式可以轻松的传递流数据，想起了spring的webflux也支持以rsocket，它可以通过websocket或是tcp的方式进行数据传输，正好有java版本和js版本，且spring也支持rsocket，下面尝试是哟给你rsocket模拟天气数据的传输，前端接到数据通过折线图展示。 1. 后端部分 1.1 model实现 创建一个weather类用于传输包装数据 包含时间、风速、风向、温度数据 /** * @author: ffzs * @Date: 2020/9/2 下午5:
【高频考点精讲】前端Mock方案：如何高效模拟接口数据进行开发？
最新发布
全栈老李的博客
07-05 1064
Mock技术看似简单，但要用好却需要不少经验积累。一致性：Mock数据尽量贴近真实接口结构可维护性：不要写死数据，用模板生成可切换性：能一键切换Mock和真实接口我是全栈老李，下期咱们聊聊"如何优雅地处理前端错误监控"，感兴趣的同学别忘了点个关注！版权声明：本文由全栈老李原创，转载请注明出处。
前端与后端的契约之战：基于IAP的前后端解耦与Mock Server 实践（提升交付速度3倍）
![前端与后端的契约之战：...# 1. 前后端解耦的挑战与IAP契约驱动的核心思想 在现代软件开发中，前后端分离已成为标准架构模式，但随之而来的接口依赖、联调滞后、职责不清等问题严重制约交付效率。传统“接口后定”
【Element Card 单元测试策略】：1天打造高质量代码的黄金规则
单元测试作为确保软件质量的关键环节，对于发现代码中的错误、保障功能正确性以及降低维护成本具有重要作用。本文从单元测试的基础概念出发，深入探讨了Element Card测试环境的搭建方法，包括框架结构理解、测试工具...
react启动项目报错：Module not found: Error: Can‘t resolve ‘@/路径‘ in ‘路径‘
weixin_53198972的博客
08-02 3024
原因：这个错误是由于create-react-app项目已经不再维护，所以babel-preset-react-app依赖的 "@babel/plugin-proposal-private-property-in-object"包可能不再更新，导致出现未声明依赖的错误。文件中添加"@babel/plugin-proposal-private-property-in-object"包到devDependencies中。原因：webpack没有对@绝对路径进行配置，导致没有办法识别该路径。
react测试组件_React测试库以现代方式测试React组件
weixin_26717681的博客
08-25 286
react测试组件Unit testing, and in our case, testing components, is a key element of any scalable and maintainable project. That truism is even more obvious now in the age of independent and shareable comp...
React 数据读取-协同
weixin_40455124的博客
04-24 406
使用Fetch取数据 可以等同curl+串行结果处理、错误处理，示意代码如下 fetch(`https://api.github.com/users/${login}`) .then(data => data.json()) .then(setData) .then(() => setLoading(false)) .catch(setError); 主要用法 使用catch处理错误 使用then逐步处理数据 指定method：POST 使用h
深入react技术栈学习——（一）初入react世界
joke叔叔的博客
12-21 319
react简介 react并不是完整的mvc/mvvm框架，它专注于提供清晰、简洁的View（视图）层解决方案。而由与模板引擎不同，react不仅专注于解决View层的问题，又是一个包括View和Controller的库。 虚拟DOM 真实页面对应一个DOM树，在传统页面中每次更新页面，都要手动操作dom进行更新。但是dom操作非常昂贵，前端开发中，性能消耗最大的就是dom操作。react把...
前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘
热门推荐
weixin_64778225的博客
09-06 4万+
模块未找到:错误:无法解决../src/comporents/MyHeader' 在 'C:\Users\15718\Desktop\eight\src'错误原因是组件引入 App.vue/其他组件 时出错了,仔细检查引入的!我的就是components拼写错了,查了二十分钟才发现,唉.
用faker模拟数据
乐百川
11-18 2821
做开发的时候常常要模拟一些用户数据，自己编写随机数据虽然也可以，但是如果想要模拟比较复杂的数据，那自己做的话就有些麻烦。faker正是这样一个类库，让我们能非常简单的模拟数据。本文参考自官方文档，如果有兴趣可以查看官方文档，不过 安装faker 首先先来安装faker： pip install Faker 简单使用 faker用起来也很简单，初始化一个实例，然后调用对应的方法就可以获得随机数据。...
如何使用 Faker.js 来 Mock Node.js 应用数据
weixin_33932129的博客
04-17 289
本文作者：Aman Mittal 编译：胡子大哈 翻译原文：huziketang.com/blog/posts/… 英文连接：How to Mock Data for Node.js Applications using Faker.js 转载请注明出处，保留原文链接以及作者信息 当我们开发一个应用的时候，通常都不想耗过多的精力在数据上。创建数据库并且往数据库里塞用例数据这件事情，会使我很...
Faker
WHACKW的专栏
07-12 2717
FakerFaker is a Python package that generates fake data for you. Whether you need to bootstrap your database, create good-looking XML documents, fill-in your persistence to stress test it, or anonymize
Module not found: Error: Can't resolve 'react-media' in
12-06
根据提供的引用内容，当出现"Module not found: Error: Can't resolve 'react-media'"错误时，可能是由于缺少react-media模块导致的。解决此问题的方法是使用npm install react-media命令安装react-media模块。具体...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值