尝试加载呈现从外部 API 提取的产品信息的页面时看到上述错误。错误仅发生在生产环境中,本地一切运行正常。检查控制台时出现此错误:
TypeError: undefined is not a function (near '...n.map...')
Run Code Online (Sandbox Code Playgroud)
“Next Build”工作正常并构建了生产版本。“下一步开始”也运行良好,并且控制台或其他任何地方都没有抛出错误。仅当我推送到生产环境后才会出现错误。很困惑到底发生了什么。我的代码如下:
呈现产品列表的组件:
import type { NextPage } from 'next'
import React, { useState, useEffect, useContext} from 'react';
import styles from '../styles/Home.module.css'
import DepopIcon from './icons/depop.svg'
import { Image, Main, Heading, Paragraph, Nav, Icons, Header, Grommet, Box, Button, Grid, Text, Footer, Anchor } from 'grommet';
import {
Instagram,
Shop,
Cart
} from 'grommet-icons';
import { useRouter } from 'next/router';
export default function ProductsList() {
const router = useRouter();
// …Run Code Online (Sandbox Code Playgroud)