NextJS -类型错误：保存SASS文件时无法读取null的属性(阅读“removeChild”)

neekobn8 于 2023-10-18 发布在其他

关注(0)|答案(2)|浏览(138)

我得到一个这样的错误：

Unhandled Runtime Error
TypeError: Cannot read properties of null (reading 'removeChild')

Call Stack
HTMLLinkElement.eval
node_modules/next/dist/compiled/mini-css-extract-plugin/hmr/hotModuleReplacement.js (1:1136)

当我编辑SASS文件时会发生这种情况，但应用程序可以正确地热重新加载，并且一切正常。只是这个错误让我有点困扰。这到底是什么？
请注意，我目前使用的是NextJS 13。

我的完整代码在这里

layout.js

import "./globals.scss";
import { dmSans } from "./fonts";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        <div className={`${dmSans.variable}`}>{children}</div>
      </body>
    </html>
  );
}

page.js

"use client";

import { useEffect } from "react";
import ShortDescription from "@/components/short-description";
import SelectedWork from "@/components/selected-work";
import RotatingText from "@/components/rotating-text";

import pguImage from "@/public/pgu.webp";
import adaroImage from "@/public/adaro.webp";
import petraImage from "@/public/petra.webp";

import styles from "./page.module.scss";

import { gsap } from "gsap";

export default function Home() {
  useEffect(() => {
    gsap.to("#hero > * > *", {
      duration: 1,
      y: 0,
      opacity: 1,
      stagger: 0.25,
      ease: "power2",
    });
  }, []);

  return (
    <div id="main-container">
      <header className={styles.header}>
        <span className={styles.header__title}>OWENN GIMLI</span>
      </header>

      <div className={`${styles.hero} container`} id="hero">
        <div>
          <h4>\\ Personal portfolio</h4>
        </div>
        <div>
          <h1>DATA SCIENCE,</h1>
        </div>
        <div>
          <h1>WEB DEVELOPMENT</h1>
        </div>
        <div>
          <h1>&amp; DESIGN.</h1>
        </div>
      </div>
    </div>
  );
}

next.js

来源：https://stackoverflow.com/questions/76903959/nextjs-typeerror-cannot-read-properties-of-null-reading-removechild-when

2条答案

按热度按时间

gv8xihay1#

我没有一个解决方案，恐怕，但我也遇到这个问题。我在搜索中找到了这个：https://github.com/webpack-contrib/mini-css-extract-plugin/issues/682声称类似的问题已经修复。
我的代码也运行和上传的罚款，并没有使用removeChild的任何地方！
对不起，我没有解决办法，我会让你知道，如果我弄清楚了，但我只是想让你知道你并不孤单：）