NextJS - TypeError：保存 SASS 文件时无法读取 null 的属性（读取“removeChild”）

Question

我收到这样的错误：

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>
  );
}

Answer 1

我担心没有解决方案，但也遇到了这个问题..我在搜索中找到了这个：https://github.com/webpack-contrib/mini-css-extract-plugin /issues/682 声称类似的问题已得到解决。

我的代码也可以正常运行和上传，并且不在任何地方使用

removeChild

！

抱歉，我没有解决办法，如果我解决了，我会告诉你，但我只是想让你知道你并不孤单:)

Answer 2

冒着听起来像下图中的人的风险......我在开发中一遍又一遍地遇到同样的错误，但当我杀死我的

npm run dev

进程并重新启动它时，它似乎消失了。有时就是这么简单，希望这也能为您解决问题！

NextJS - TypeError：保存 SASS 文件时无法读取 null 的属性（读取“removeChild”）

问题描述投票：0回答：2

我的完整代码在这里

2个回答

最新问题

NextJS - TypeError：保存 SASS 文件时无法读取 null 的属性（读取“removeChild”）

问题描述 投票：0回答：2

我的完整代码在这里

2个回答

最新问题

问题描述投票：0回答：2