首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >_chalk.default.constructor不是next.js中的构造函数

_chalk.default.constructor不是next.js中的构造函数
EN

Stack Overflow用户
提问于 2021-08-01 23:33:38
回答 1查看 2K关注 0票数 0

我是下一个Next.js的新手。我正在犯错误,我试图为webpack更改next.config,仍然是错误。

getServerSideProps中添加Index.jsx后,开始出现错误。

代码语言:javascript
运行
复制
TypeError: _chalk.default.constructor is not a constructor
at Object.<anonymous> (C:\Users\jai shankar\Desktop\RSS\React\Next\fbclone-yt\node_modules\next\dist\build\webpack\plugins\wellknown-errors-plugin\parseBabel.js:1:277)

at Object.<anonymous> (C:\Users\jai shankar\Desktop\RSS\React\Next\fbclone-yt\node_modules\next\dist\build\webpack\plugins\wellknown-errors-plugin\webpackModuleError.js:1:174)

下面是Index.js文件

代码语言:javascript
运行
复制
import Head from "next/head";
// import 'tailwindcss/tailwind.css'
import React from "react";
import Header from "../components/Header";
import Login from "../components/Login";

export default function Home({ session }) {
  if (!session) return <Login />;

  return (
    <div>
      <Head>
        <title>Facebook clone</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      {/* Header */}
      <Header />
      <main>
        {/* sidebar */}

        {/* fees */}

        {/* Widget */}
      </main>
    </div>
  );
}

export async function getServerSideProps(context) {
  const session = await getSession(context);
  return {
    props: {
      session,
    },
  };
}

下面是下一个。config.js

代码语言:javascript
运行
复制
module.exports = {
  // reactStrictMode: true,
  webpack5: true,
  images: {
    domains: [
      "http://localhost:3000/",
      "m.media-amazon.com",
      "links.papareact.com",
      "platform-lookaside.fbsbx.com",
      "firebasestorage.googleapis.com",
      "facebookbrand.com",
      "pbs.twimg.com",
    ],
  },
};

Git Git存储库

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-02 23:55:16

我遇到了一个类似的错误消息。修复:

我删除了node_modules和npm重新安装,一切又开始工作。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68615122

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档