NodeJS 오류

JavaScript

Cannot find module ‘파일’

internal/modules/cjs/loader.js:968
  throw err;
  ^

Error: Cannot find module '../routers/globalRouter'
Require stack:
- C:\Users\MINJI\youtube_challenge\Day_5\src\index.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (C:\Users\MINJI\youtube_challenge\Day_5\src\/index.js:2:1)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Module._compile (C:\Users\MINJI\youtube_challenge\Day_5\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Object.newLoader [as .js] (C:\Users\MINJI\youtube_challenge\Day_5\node_modules\pirates\lib\index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:985:32) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ 'C:\\Users\\MINJI\\youtube_challenge\\Day_5\\src\\index.js' ]
}

상황

src 폴더 바깥에 있던 controllers 폴더와 routers 폴더를 src 폴더 안쪽으로 이동했더니 해당 오류가 발생했다.

해결

controllers, routers 폴더가 포함된 경로 수정

no such file or directory, open ‘경로\package.json’

error code ENOENT
error syscall open
error path C:\Users\MINJI\youtube_challenge\package.json
error errno -4058
error enoent ENOENT: no such file or directory, open 'C:\Users\MINJI\youtube_challenge\package.json'
error enoent This is related to npm not being able to find a file.

상황

챌린지 과제를 위해 새 폴더에서 npm start를 실행했더니 해당 오류가 발생했다.

해결

작업 관리자에서 nodejs가 실행되고 있는지 확인하고, 실행 중이라면 종료 후 재시작

TypeError

Cannot read property ‘length’ of undefined at pathtoRegexp

Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`
/sandbox/node_modules/path-to-regexp/index.js:63
  path = ('^' + path + (strict ? '' : path[path.length - 1] === '/' ? '?' : '/?'))
                                                ^

TypeError: Cannot read property 'length' of undefined
    at pathtoRegexp (/sandbox/node_modules/path-to-regexp/index.js:63:49)
    at new Layer (/sandbox/node_modules/express/lib/router/layer.js:45:17)
    at Function.route (/sandbox/node_modules/express/lib/router/index.js:494:15)
    at Function.proto.(anonymous function) [as get] (/sandbox/node_modules/express/lib/router/index.js:509:22)
    at Object.get (/sandbox/routers/coursesRouter.js:12:15)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Module._compile (/sandbox/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Object.newLoader [as .js] (/sandbox/node_modules/pirates/lib/index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:653:32)

상황

router 생성해서 특정 링크 접속 시 원하는 페이지를 보여주도록 설정했더니 해당 오류가 발생했다.

해결

routes.js에서 routes 내 오타 수정

Router.use() requires a middleware function but got a undefined at Function.use

TypeError: Router.use() requires a middleware function but got a undefined
    at Function.use (/sandbox/node_modules/express/lib/router/index.js:458:13)
    at Function.<anonymous> (/sandbox/node_modules/express/lib/application.js:220:21)
    at Array.forEach (<anonymous>)
    at Function.use (/sandbox/node_modules/express/lib/application.js:217:7)
    at Object.use (/sandbox/src/index.js:16:5)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Module._compile (/sandbox/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Object.newLoader [as .js] (/sandbox/node_modules/pirates/lib/index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:653:32)

상황

생성한 Router를 index.js에 app.use로 추가하고 서버를 구동했더니 해당 오류 발생

해결

export를 default로 한 것은 import 할 때 {}로 받으면 안된다. {} 삭제

CastError

Cast to ObjectId failed for value “” at path “” for model “~~~”

{ CastError: Cast to ObjectId failed for value "search" at path "_id" for model "Movie_db"
    at new CastError (/sandbox/node_modules/mongoose/lib/error/cast.js:29:11)
    at ObjectId.cast (/sandbox/node_modules/mongoose/lib/schema/objectid.js:242:11)
    at ObjectId.SchemaType.applySetters (/sandbox/node_modules/mongoose/lib/schematype.js:892:12)
    at ObjectId.SchemaType._castForQuery (/sandbox/node_modules/mongoose/lib/schematype.js:1304:15)
    at ObjectId.SchemaType.castForQuery (/sandbox/node_modules/mongoose/lib/schematype.js:1294:15)
    at ObjectId.SchemaType.castForQueryWrapper (/sandbox/node_modules/mongoose/lib/schematype.js:1273:15)
    at cast (/sandbox/node_modules/mongoose/lib/cast.js:307:32)
    at model.Query.Query.cast (/sandbox/node_modules/mongoose/lib/query.js:4550:12)
    at model.Query.Query._castConditions (/sandbox/node_modules/mongoose/lib/query.js:1762:10)
    at model.Query.<anonymous> (/sandbox/node_modules/mongoose/lib/query.js:2015:8)
    at model.Query._wrappedThunk [as _findOne] (/sandbox/node_modules/mongoose/lib/helpers/query/wrapThunk.js:16:8)
    at process.nextTick (/sandbox/node_modules/kareem/index.js:369:33)
    at process._tickCallback (internal/process/next_tick.js:61:11)
  message:
   'Cast to ObjectId failed for value "search" at path "_id" for model "Movie_db"',

상황

주소창에 /search?year=2020 이런 식으로 필터 적용해서 이동 시 해당 오류가 발생했다.
delete 기능 할 때인가 그 때도 삭제 버튼 눌렀을 때 해당 오류가 발생했다.

해결

id에 대해 변수명 수정

SyntaxError

Cannot use import statement outside a module

(node:26820) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
C:\Users\MINJI\Desktop\greenday\index.js:1
import express from "express";
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at wrapSafe (internal/modules/cjs/loader.js:1053:16)
    at Module._compile (internal/modules/cjs/loader.js:1101:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47
[nodemon] app crashed - waiting for file changes before starting...

상황

프로젝트를 시작하기 위해 npm으로 필요한 패키지(express, babel, nodemon 등)를 설치했다.
index.js에 express를 import한 후 서버를 구동했더니 해당 오류가 발생했다.

해결

package.json에 “type”: “module”을 추가 pacakge.json에 “type” 필드에 별도의 값이 없으면 기본 모듈(commonjs)로 사용하기 때문이다.

그 외

babel

Requires Babel “버전”, but was loaded with “버전”

[BABEL] src/app.js: Requires Babel "^7.0.0-beta.41", but was loaded with "7.0.0-beta.3". You'll need to update your @babel/core version.   
(While processing: "/tmp/build_c5371708/node_modules/@babel/preset-env/lib/index.js")  
remote:     at throwVersionError (/tmp/build_c5371708/node_modules/@babel/helper-plugin-utils/lib/index.js:63:11)
remote:     at Object.assertVersion (/tmp/build_c5371708/node_modules/@babel/helper-plugin-utils/lib/index.js:13:11)
remote:     at /tmp/build_c5371708/node_modules/@babel/preset-env/lib/index.js:219:7
remote:     at /tmp/build_c5371708/node_modules/@babel/helper-plugin-utils/lib/index.js:19:12
remote:     at /tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:238:14
remote:     at cachedFunction (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/caching.js:48:17)
remote:     at loadPresetDescriptor (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:321:28)
remote:     at /tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:59:14
remote:     at Array.map (<anonymous>)
remote:     at OptionManager.mergeOptions (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:58:34)
remote:     at OptionManager.init (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:114:14)
remote:     at manageOptions (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/option-manager.js:40:30)
remote:     at loadConfig (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/config/index.js:17:37)
remote:     at Object.transformFileSync (/tmp/build_c5371708/node_modules/babel-cli/node_modules/babel-core/lib/transform-file-sync.js:20:36)
remote:     at Object.compile (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/util.js:71:18)
remote:     at write (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/dir.js:30:21)
remote:     at handleFile (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/dir.js:54:20)
remote:     at /tmp/build_c5371708/node_modules/babel-cli/lib/babel/dir.js:78:9
remote:     at Array.forEach (<anonymous>)
remote:     at handle (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/dir.js:75:56)
remote:     at Array.forEach (<anonymous>)
remote:     at _default (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/dir.js:86:15)
remote:     at Object.<anonymous> (/tmp/build_c5371708/node_modules/babel-cli/lib/babel/index.js:185:1)
remote:     at Module._compile (internal/modules/cjs/loader.js:1137:30)
remote:     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10) {
remote:   code: 'BABEL_VERSION_UNSUPPORTED',
remote:   version: '7.0.0-beta.3', ●
remote:   range: '^7.0.0-0' ●
remote: }
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! errno 1
remote: npm ERR! youtube_clone_coding@1.0.0 build:server: `babel src --out-dir build --ignore 'src/assets','src/static','src/webpack.config.js'`
remote: npm ERR! Exit status 1
remote: npm ERR!
remote: npm ERR! Failed at the youtube_clone_coding@1.0.0 build:server script.
remote: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
remote:
remote: npm ERR! A complete log of this run can be found in:
remote: npm ERR!     /tmp/npmcache.3TgfV/_logs/2020-09-15T11_52_24_597Z-debug.log
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! errno 1
remote: npm ERR! youtube_clone_coding@1.0.0 build: `npm run build:server && npm run build:assets && npm run copyAll`
remote: npm ERR! Exit status 1
remote: npm ERR!
remote: npm ERR! Failed at the youtube_clone_coding@1.0.0 build script.
remote: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
remote:
remote: npm ERR! A complete log of this run can be found in:
remote: npm ERR!     /tmp/npmcache.3TgfV/_logs/2020-09-15T11_52_24_616Z-debug.log
remote:
remote: -----> Build failed
remote:
remote:        We're sorry this build is failing! You can troubleshoot common issues here:
remote:        https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote:        Some possible problems:
remote:
remote:        - Node version not specified in package.json
remote:          https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
remote:
remote:        Love,
remote:        Heroku
remote:
remote:  !     Push rejected, failed to compile Node.js app.
remote:
remote:  !     Push failed
remote: Verifying deploy...
remote:
remote: !       Push rejected to still-sierra-36389.
remote:
To https://git.heroku.com/still-sierra-36389.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/still-sierra-36389.git'

상황

유튜브 클론코딩(#11.6 Deploying to Heroku part One) 실습 중 heroku 배포를 위해 주소를 git remote에 추가한 후 git push heroku master 실행했더니 해당 오류가 발생했다.
마지막 에러 메시지(remote rejected)를 보고 다른 프로젝트를 진행할 때 동일한 오류를 봤어서 같은 문제라고 생각해서 다음과 같은 시도를 했다.

git pull 혹은 __git clone__으로 local의 파일과 github에 있는 파일을 맞춰준다.
git push -f 원격_저장소_이름 브랜치_이름으로 강제 push (파일 손실 위험성)
git commit
heroku login

위의 시도 후 해결이 되지 않아서 가장 위의 에러를 살펴봤다.
push가 실패하는 것은 결과고, 가장 위에서부터 내려오면서 에러를 해결해야겠다는 생각을 했기 때문이다.
다시 찬찬히 보니 @babel/core의 버전과 관련된 에러라는 사실을 깨달았고 관련 시도들로 해결했다.

해결

package.json에서 devDependencies에 있는 babel 관련 내용 dependencies로 이동 –production 빌드 시 devDependencies에 있는 plugin들은 포함되지 않는다.
(devDependencies에는 개발자만 사용할 것들만 있어야 함. eslint나 nodemon, prettier 등)
npm i @babel/core @babel/preset-env
npm i babel-loader@next
babel 삭제 후 재설치, npm 재설치
.babelrc 수정
※ 시도 후에는 꼭 commit 후 push ※

/* .babelrc before */
{
	"presets": ["@babel/preset-env"]
}

/* .babelrc after */
{
	"presets": [
		["@babel/preset-env", 
			{
				"modules": false
		    }
		]
	],
	"env": {
		"test": {
			"presets": [["@babel/preset-env"]]
		}
	}
}

계속 버전을 특정하거나 @next로 최근 버전으로 업데이트를 했는데 npm babel -v로 버전을 확인해도 6.14.6으로 나와서 npm -v로 npm 버전을 확인했더니 동일한 6.14.6이 나왔다.
npm 버전을 바꿔야 하나 싶어 전부 지우고 새로 설치해도 에러 메시지는 그대로이고 버전도 바뀌지 않았다.
(아직 npm 버전이 바뀌지 않는 문제는 해결하지 못했지만 에러의 원인은 아니었기 때문에 일단 그냥 넘어갔다.)

그래서 에러 메시지를 다시 봤더니 ● 부분에서 이상함을 느꼈다.
npm과 babel의 버전은 6.xx으로 나오는데, 왜 7.0.0-0이 문제라고 하지? 싶어서 package.json을 다시 살펴봤더니 devDependencies에 버전 “7.0.0-0”의 babel-cli가 있었다. 문제가 되는 부분인 것 같아 삭제했더니 오류가 해결되었다.

heroku 오류인 줄 알았는데 역시 오류는 처음부터 끝까지 잘 살펴보고 가장 위에서부터 내려오면서 해결해야 한다.
위에서 난 오류의 결과로 뒤의 오류들이 발생할 수 있다.

‘babel-node’은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

상황

챌린지용 디렉토리를 생성하고 day 5 챌린지 완료 후 테스트를 위해 npm start를 실행했더니 해당 오류가 발생했다. (start script는 nodemone --exec babel-node src/index.js)

npm i babel-node
npm i @babel/node
npm i babel-node -g

해결

npm i @babel/core
npm i @babel/node
npm i @babel/preset-env

ngrok

cannot execute binary file: Exec format error

/c/Users/MINJI/AppData/Roaming/npm/ngrok: line 8: C:\Users\MINJI\AppData\Roaming\npm/node_modules/ngrok/bin/ngrok: cannot execute binary file: Exec format error

상황

외부에서 로컬 서버에 접속할 수 있도록 ngrok을 설치하고 ngrok http 8080을 실행했더니 해당 오류가 발생했다.

해결

ngrok.exe 파일이 있는 위치에서 명령어 실행
터미널에 ngrok이 들어가야 할 위치에 ngrok.exe 파일을 끌어다 놓고 ` http 4000`을 붙여서 명령어 실행

mongoose

The ‘uri’ parameter to ‘openUri()’ must be a string, got “undefined”.

MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a
string.
    at NativeConnection.Connection.openUri (C:\Users\MINJI\til\JavaScript\youtube_clone_coding\node_modules\mongoose\lib\connection.js:651:11)
    at Mongoose.connect (C:\Users\MINJI\til\JavaScript\youtube_clone_coding\node_modules\mongoose\lib\index.js:339:15)
    at Object.<anonymous> (C:\Users\MINJI\til\JavaScript\youtube_clone_coding\src\/db.js:5:10)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Module._compile (C:\Users\MINJI\TIL\JavaScript\youtube_clone_coding\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Object.newLoader [as .js] (C:\Users\MINJI\TIL\JavaScript\youtube_clone_coding\node_modules\pirates\lib\index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (C:\Users\MINJI\til\JavaScript\youtube_clone_coding\src\/init.js:3:1)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Module._compile (C:\Users\MINJI\TIL\JavaScript\youtube_clone_coding\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Object.newLoader [as .js] (C:\Users\MINJI\TIL\JavaScript\youtube_clone_coding\node_modules\pirates\lib\index.js:104:7)

상황

유튜브 클론코딩(#11.5 Building for Producetion) 실습 중 npm run dev:server 실행했더니 해당 오류가 발생했다.
직전에 root 위치에 src 폴더를 만들고 build, node_modules 폴더와 package-lock.json, package.json을 제외한 파일을 모두 src 폴더로 넣는 작업을 했다. 이 때 숨김 파일도 제외하고 옮겼어야 했는데 다 src 폴더 안으로 옮겼다.
.env 파일이 root여야 한다고 해서 .env만 옮겼더니 동일한 에러가 반복되었고, 숨김 파일들을 모두 root로 꺼내니 해결되었다.

해결

.env 파일명 확인
.env 파일 위치 확인 (project의 root여야 함)

Pug

expected “indent”, but got “outdent”

Error: /sandbox/src/views/detail.pug:8:1
    6|   ul

    7|     each genre in movieById.genres

  > 8|   a(href=`/edit`) Edit

-------^
    9| 

expected "indent", but got "outdent"
    at makeError (/sandbox/node_modules/pug-error/index.js:32:13)
    at Parser.error (/sandbox/node_modules/pug-parser/index.js:53:15)
    at Parser.expect (/sandbox/node_modules/pug-parser/index.js:137:12)
    at Parser.block (/sandbox/node_modules/pug-parser/index.js:988:20)
    at Parser.parseEach (/sandbox/node_modules/pug-parser/index.js:752:19)
    at Parser.parseExpr (/sandbox/node_modules/pug-parser/index.js:236:21)
    at Parser.block (/sandbox/node_modules/pug-parser/index.js:996:25)
    at Parser.tag (/sandbox/node_modules/pug-parser/index.js:1157:24)
    at Parser.parseTag (/sandbox/node_modules/pug-parser/index.js:1049:17)
    at Parser.parseExpr (/sandbox/node_modules/pug-parser/index.js:208:21)
    at Parser.block (/sandbox/node_modules/pug-parser/index.js:996:25)
    at Parser.parseBlock (/sandbox/node_modules/pug-parser/index.js:793:52)
    at Parser.parseExpr (/sandbox/node_modules/pug-parser/index.js:212:21)
    at Parser.parse (/sandbox/node_modules/pug-parser/index.js:112:25)
    at parse (/sandbox/node_modules/pug-parser/index.js:12:20)
    at Object.parse (/sandbox/node_modules/pug/lib/index.js:125:22)

상황

detail 페이지 pug와 controller 생성 후, detail 페이지로 이동했더니 해당 오류가 발생했다.

해결

ul 아래 li 추가

이전오류