Build Issue 발생 여부 확인 요청

nasa1515 commented 3 years ago

안녕하세요 줌코딩님!! 저번주까지 제 블로그 테마로 잘 운영을 하고 있었으나 제가 주기적으로 Zoomcoding 님 블로그를 Upstream으로 등록해놓고 새로 업데이트 되는 부분을 받아오는데 금일 아래와 같은 메세징이 발생하면서 Build가 되지 않는 이슈가 발생하네요. 이전 Commit으로 돌아가도 동일한 이슈가 발생합니다..ㅠㅠ

 ERROR 

TeX parse error: Extra open brace or missing close brace

 ERROR 

(node:28532) Warning: a promise was rejected with a non-error: [object Array]
(Use `node --trace-warnings ...` to show where the warning was created)

 ERROR #85901  GRAPHQL

There was an error in your GraphQL query:

Unexpected error value: ["TeX parse error: Extra open brace or missing close brace"]

File: gatsby-node.js:86:19

  Error: Unexpected error value: ["TeX parse error: Extra open brace or missing close brace"]

  - task_queues:94 processTicksAndRejections
    node:internal/process/task_queues:94:5

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - graphql-runner.ts:187 GraphQLRunner.query
    [my-blog]/[gatsby]/src/query/graphql-runner.ts:187:14

  - gatsby-node.js:86 Object.exports.createPages
    C:/Users/USER/Desktop/Blog/my-blog/gatsby-node.js:86:19

  - api-runner-node.js:485 runAPI
    [my-blog]/[gatsby]/src/utils/api-runner-node.js:485:16

/s

추가적으로 Local 내에서 이슈는 해결해서 npm start로 local web을 띄우는건 성공했지만

Githubaction으로 구현한 자동 Page Build가 되지 않습니다..


success Building HTML renderer - 12.200s
failed Building static HTML for pages - 0.441s
error Building static HTML failed

  13 |
  14 | var HIGHLIGHT_THEME = {
> 15 |   brackets: _nanocolors.default.cyan,
     | ^
  16 |   'at-word': _nanocolors.default.cyan,
  17 |   comment: _nanocolors.default.gray,
  18 |   string: _nanocolors.default.green,

  WebpackError:TypeError: Cannot read property 'cyan' of undefined

  - terminal-highlight.js:15 
    node_modules/postcss/lib/terminal-highlight.js:15:1

  - css-syntax-error.js:8 
    node_modules/postcss/lib/css-syntax-error.js:8:49

  - node.js:6 
    node_modules/postcss/lib/node.js:6:46

  - declaration.js:6 
    node_modules/postcss/lib/declaration.js:6:36

  - postcss.js:6 
    node_modules/postcss/lib/postcss.js:6:43

  - autoprefixer.js:8 
    node_modules/gatsby-plugin-material-ui/autoprefixer.js:8:39

  - gatsby-ssr.js:18 
    node_modules/gatsby-plugin-material-ui/gatsby-ssr.js:18:44

not finished Generating image thumbnails - 40.860s
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Error: Process completed with exit code 1.

위의 메세지를 띄우는데요 지난 주 까지만 해도 없었던 이슈라서....

추가로 확인해보니 Node_modules terminal-highlight.js 의 아래 부분이 청록색으로 등록되어있는 걸 확인했습니다.

노드모듈, 캐쉬, Public 다 지우고 새로 Build 해봐도 Local vscode 환경에서는 빌드되지만 Github action으로 Build 시 이슈가 나오네요..

zoomkoding commented 3 years ago

@nasa1515님 안녕하세요! 레포를 클론해서 확인해보니 github action 쪽에서 발생한 문제로 보여집니다. 블로그 테마는 npm을 package manager로 사용하고 있습니다.

깃헙 액션 script(.github/workflows/main.yml)에서 사용하는 package manager를 yarn에서 npm으로 변경하시면 될 것 같습니다. 지속적으로 문제가 있으시다면 이 이슈를 다시 여시거나 다른 이슈를 남겨주세요!🙏

# .github/workflows/main.yml
...
- name: packages install
        run: npm install

- name: gatsby build
        run: npm build
        env:
          GH_API_KEY: ${{ secrets.API_KEY }}
...

nasa1515 commented 3 years ago

기존에 yarn으로 짜여있던 main.yml을 npm으로 수정하게 되면 아래처럼 Public Build 디렉토리를 읽지 못하는 상황이 발생합니다. 줌코딩님은 어떤식으로 자동배포 활용하고 계신지 코드 공유 부탁 드립니다.

nasa1515 commented 3 years ago

해결하였습니다!! 감사합니다!!

zoomkoding / zoomkoding-gatsby-blog

Build Issue 발생 여부 확인 요청 #38

추가적으로 Local 내에서 이슈는 해결해서 npm start로 local web을 띄우는건 성공했지만