build 시작 하기

npm audit fix로 package 구성 최신화
npm i parcel
npm i regenerator-runtime
모듈 진입점에 import regeneratorRuntime from "regenerator-runtime";

---

Error 모음

JSON5: invalid character 'm' at 1:1

• project 내에서 posthtmlrc 파일 삭제.

---

parcel build error: plugin is not a function

1. parcel build index.html --no-minify
2. npm remove parcel-bundler

---

import 파일 대소문자 구분하지 못함.

• 깃 저장소는 대소문자를 구별하지 않기에 파일 디렉토리 이름을 바꾸어 준 뒤 push 진행 후 다시 deploy 진행
• ex) src directory name을 page로 변경 후 push

---

Cannot read properties of undefined (reading 'TYPED_ARRAY_SUPPORT')

• 스크립트 내부에서 잘못된 파일을 import 시도하고 있는지 확인한다.

https://stackoverflow.com/questions/68503523/changing-the-file-name-causes-an-error-when-deploying-vercel

---

parcel/namer-default: Target "main" declares an output file path of "index.mjs"

pakage.json의 main을 index.html로 변경.

---

parcel/core: Unexpected output file type .html in target "main"

File extension must be .js, .mjs, or .cjs

.................-_-
다시 package.json main을 index.mjs로 변경
같은 문제가 발생하기에 검색하니,
package.json의 scripts의 문제임을 확인.main을 제거하고

{
"scripts": {
"start": "parcel index.html",
"build": "parcel build index.html"
}
}
추가.

---

Failed to resolve module specifier "regenerator-runtime". Relative references must start with either "/", "./", or "../"

npm install --save-dev @babel/plugin-transform-runtime

---

undefined: plugin is not a function

parcel에는 cssnano 이슈가 있다. cssnano를 5버전으로 빌드할 시 undefined: plugin is not a function error문구가 뜬다.
그래서 4버전으로 다운그레이드를 진행한다.
npm remove cssnano
npm i -D cssnano@4.1.11

---

unknown: Could not find entry: /opt/build/repo/

netlify의 setting에서 build할 때 명령어를 parcel build index.html로 변경

---

parcel/transformer-js: Browser scripts cannot have imports or exports.

index.html 내 script tag에 type=module 추가.

---