Babel.js Nextjs错误仅出现在生产构建中,使用样式化组件、顺风和双

vc9ivgsu  于 2022-12-08  发布在  Babel
关注(0)|答案(1)|浏览(147)

当我在开发模式下构建我的应用程序时,一切都很好。但是,如果我进行生产构建,我会在映像上得到以下错误。

我假设是_document.tsx组件,但我不知道原因。在github上,我看到一个关闭swcMinify的建议,但它没有帮助。Babel正在使用.babelrc而不是下一个编译器。
堆栈为:Next.js(打印脚本)、tailwind、情感、样式组件、twin.macro。
有人知道问题是什么吗?
_文档.tsx

import { extractCritical } from "@emotion/server"
import Document, { Head, Html, Main, NextScript } from "next/document"
import React from "react"

export default class MyDocument extends Document {
  static async getInitialProps(ctx: any) {
    const initialProps = await Document.getInitialProps(ctx)
    const critical = extractCritical(initialProps.html)
    initialProps.html = critical.html
    initialProps.styles = (
      <React.Fragment>
        {initialProps.styles}
        <style
          data-emotion-css={critical.ids.join(" ")}
          dangerouslySetInnerHTML={{ __html: critical.css }}
        />
      </React.Fragment>
    )

    return initialProps
  }

  render() {
    return (
      <Html lang="en">
        <Head>
          <meta name="viewport" content="width=device-width,initial-scale=1" />
          <link rel="preconnect" href="https://fonts.googleapis.com" />
          <link
            rel="preconnect"
            href="https://fonts.gstatic.com"
            crossOrigin="true"
          />
          <link
            href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700&display=swap"
            rel="stylesheet"
          />
          <link rel="shortcut icon" href="/images/icons/nsorcell.svg" />
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

next-config.js

/** @type {import('next').NextConfig} */

const { i18n } = require("./next-i18next.config")

const nextConfig = {
  reactStrictMode: true,
  swcMinify: false,
  i18n,
  env: {
    ALCHEMY_RPC_MAINNET: process.env.ALCHEMY_RPC_MAINNET,
    ALCHEMY_RPC_GOERLI: process.env.ALCHEMY_RPC_GOERLI,
    ALCHEMY_RPC_POLYGON_MAINNET: process.env.ALCHEMY_RPC_POLYGON_MAINNET,
    ALCHEMY_RPC_MUMBAI: process.env.ALCHEMY_RPC_MUMBAI,
  },
}

module.exports = nextConfig

.Babel

{
  "presets": [
    [
      "next/babel",
      {
        "preset-react": {
          "runtime": "automatic",
          "importSource": "@emotion/react"
        }
      }
    ]
  ],
  "plugins": [
    ["styled-components", { "ssr": true }],
    "@emotion/babel-plugin",
    "babel-plugin-macros"
  ]
}
gv8xihay

gv8xihay1#

好的。事实证明,我在npm上有我自己的包,我基本上忘记了添加类型链依赖项。这不是一个大问题,因为我的项目安装了ethers@ethersproject/providers,但没有安装@ethersproject/abi,这是丢失的包,似乎是问题所在。

相关问题