バグレポート

バグを説明する

TypeError: Cannot read property '_documentProps' of null

これはHeadのrenderメソッドでスローされます：

render() {
    var {
      styles,
      ampPath,
      inAmpMode,
      assetPrefix,
      hybridAmp,
      canonicalBase,
      __NEXT_DATA__,
      dangerousAsPath,
      headTags
    } = this.context._documentProps;

開発では問題なく動作しますが、ビルドバージョンをビルドして実行するとクラッシュします

再現するには

動作を再現する手順は、コードスニペットまたはリポジトリを提供してください。

これは私の設定に関連している可能性があることを理解しています。 私はtypescriptとnextjsを使用しています。

予想される行動

エラーはスローされません。

システムインフォメーション

• OS：macOS
• ブラウザ（該当する場合）chrome（任意）
• Next.jsのバージョン：9.1.4

追加のコンテキスト

アプリは9.0.4で正常に動作しますが、脆弱性の警告をスローする依存関係があります。大きな更新ではないはずです（私は推測しました）。

この問題は、pages / _documentのドキュメント内の最初の要素に常に表示されます。 この場合は「Head」ですが、Headを削除すると、「Main」に表示されます。 どういうわけか、このコンテキストは作成されていません..ビルド時のみ（開発中）

これは私の_documentページのgetInitialPropsです：

public static async getInitialProps(context: CustomDocumentContext) {
    const sheet = new ServerStyleSheet();
    const renderPage = context.renderPage;

    try {
      context.renderPage = () => {
        const enhancer = App => props => {
          return sheet.collectStyles(<App {...props} />);
        };

        return renderPage(enhancer);
      };

      const initialProps: any = await BaseDocument.getInitialProps(context);
      const { language, locale, localeData } = context.req;

      return {
        ...initialProps,
        language,
        locale,
        localeData,
        styles: (
          <>
            {initialProps.styles}
            {sheet.getStyleElement()}
          </>
        ),
      };
    } finally {
      // @ts-ignore
      sheet.seal();
    }
  }