Build Issue 발생 여부 확인 요청

[WonSeok Lee]

안녕하세요 줌코딩님!!
저번주까지 제 블로그 테마로 잘 운영을 하고 있었으나
제가 주기적으로 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 시 이슈가 나오네요..

[Jinhyeok Jeong]

@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 }}
...

[WonSeok Lee]

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

[WonSeok Lee]

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