小编sam*_*m k的帖子

您可以在 Next.js 中使用 new Image() 吗？我收到错误，说它没有定义。

我知道我可以简单地在 JSX 内部使用，但在这种情况下，我不确定它是否有效，因为我必须引用 JSX 外部的图像，如下所示。

如果无法使 new Image() 与 Next.js 一起使用，请展示一种不同的方法来使其工作。这个新的 Image() 用于制作 GSAP 滚动动画。

这是我的代码：

import Link from 'next/link'
import Head from 'next/head'
import Image from 'next/image'
import {useEffect, useRef, useState} from 'react'
import styles from '../styles/Home.module.css'
import {gsap} from 'gsap'
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";

const Home = () => {

  const viewer = useRef(null)
  const image = new Image();

  if (typeof window !== "undefined") {
    gsap.registerPlugin(ScrollTrigger);
  }
  
  useEffect(()=>{

    const rows …