まちがいとたたかう

last Update - 21/03/30
エラーコードが発生するたびに...(プロジェクトが終わるまで...)

gatsby構築エラー-エラー95313

gatby developは戻りを確認し、gatby buildはエラーを発見した.

Page data from page-data.json for the failed page "/main/post/": {
  "componentChunkName": "component---src-pages-main-post-index-tsx",
  "path": "/main/post/",
  "result": {
    "pageContext": {}
  },
  "staticQueryHashes": []
}

failed Building static HTML for pages - 3.088s

 ERROR #95313 

これはエラー95313に関する問題です.韓国関連サイトでゲイツビーのエラー内容の解決方法が見つからず…stackoverflowはパパゴに頼って問題を提起した.

大まかに要約すると、gatsby developはブラウザ環境で動作し、gatsby buildはノード環境で動作するため、動作環境が異なる.
だから、gatsby developは一定の環境で動くことを意味するので、gatsby buildになってからよくなることができます...userMemoを使用しているため、初期レンダリング時にundefinedまたはnullが表示されます.

だから解決!

if()文でtypeofをチェックし、定義されていないかどうかをチェックします.それも.問題が絶えず発生する.
一改め一漏れ.
cssのみをインポートするか、最初からエラーを検索するか、エラーの修正を続行するかを選択する必要があります.
cssスタイルのみをインポートし、エラーを最初から検索

感情の誤りが起こる

同様に、gatsby developでは、正常運転においてgatsby build点の問題が発生した.

ファイル構造

index.tsxはPostListコンポーネントを呼び出し、postList.tsxはPostItemコンポーネントを呼び出す.各素子の仕様はそれぞれ폴더이름.styled.tsに減少した.postItem.styled.tsファイルはこの構造です.

import styled from '@emotion/styled'
import { Link } from 'gatsby'

export const PostItemWrapper = styled(Link)`
 ... css 내용 ...
`

export const InfoWrapper = styled('div')`
 ... css 내용 ...
`

export const Title = styled('h2')`
 ... css 내용 ...
`

一つだけ出口に出た時は問題ありませんでした.

import styled from '@emotion/styled'

const PostListWrapper = styled('section')`
  width: 80%;
  margin: 0 auto;
`

export default PostListWrapper

Error: Minified React error #130 #1656
間違ったような関連内容を発見したが、私のように感情的な部分で発生した問題ではない.
あちこちで聞いた問題だからだ.

反応器ではjustスタイル素子のタイプ認識が不十分である.(jsxを関数やクラスとして扱うと、jsxについて溢れない話題になるかもしれません.-これはスタイルですが、なぜjsxが溢れているのか...ああ)

以上の原因のdefault babel設定問題

テンポラリ・スキーマ

import styled from '@emotion/styled'

const PostItem = () => {
  return (
    <div>
      <ul>안녕하세요</ul>
    </div>
  )
}

const PostItemWrapper = styled('div')`
  ...css 스타일 .. 
`

const InfoWrapper = styled('div')`
  .. css 스타일 ..
`


export default PostItem

かえって毒性がもっと良いかもしれないと妥協した.
次は、関数の下部スタイルの宣言です.△上に置くべきだったのに、jsxが付くのが怖いので、後ろに置いた.