我在做Sonny Sangha的Instagram 2.0视频时也遇到了问题，我从this website那里得到了一个解决方案。
这就是我采取的方法，它对我很有效。

export default function Stories() {
  const [suggestions, setSuggestions] = useState([]);
  useEffect(() => {
    const suggestions = [...Array(20)].map((_, i) => ({
      userId: faker.datatype.uuid(),
      username: faker.internet.userName(),
      email: faker.internet.email(),
      avatar: faker.image.avatar(),
      password: faker.internet.password(),
      birthdate: faker.date.birthdate(),
      registeredAt: faker.date.past(),
    }));
    setSuggestions(suggestions);
  }, []);
}

哇，这是来自Sonny Sangha Instagram的视频吗？我在这里遇到了同样的问题，在Faker Github中搜索了一些问题后，看起来他们已经弃用了它，所以你应该制作自己的方法来获取你的特定对象。我在他们的自述文件中看到了一个例子：

import { faker } from '@faker-js/faker';
// import { faker } from '@faker-js/faker/locale/de';

export const USERS: User[] = [];

export function createRandomUser(): User {
  return {
    userId: faker.datatype.uuid(),
    username: faker.internet.userName(),
    email: faker.internet.email(),
    avatar: faker.image.avatar(),
    password: faker.internet.password(),
    birthdate: faker.date.birthdate(),
    registeredAt: faker.date.past(),
  };
}

Array.from({ length: 10 }).forEach(() => {
  USERS.push(createRandomUser());
});

谢谢你的回答Matt！对我来说更简单的操作是使用npm install faker@6.0.0下载旧版本的faker。

我最近也在做同样的项目，并使用了这里给出的建议。最后，由于faker在两个组件中使用，我创建了一个单独的函数，并将其放在一个新的faker.js文件中：

import { faker } from "@faker-js/faker";

export default function createRandomUser() {
  return {
    id: faker.datatype.uuid(),
    username: faker.internet.userName(),
    avatar: faker.image.avatar(),
    company: faker.company.name(),
  };
}

此函数返回一个对象，其中包含一个id，因此组件中的代码变得更加简洁：

// Stories.js:

import createRandomUser from "../faker";
//...
useEffect(() => {
    const suggestions = [...Array(20)].map(() => createRandomUser());
    setSuggestions(suggestions);
}, []);