@JoinColumn() 관련 오류

Question

@JoinColumn() @OneToOne(() => ProductSalesLocation) productSaleslocation: ProductSalesLocation;   코드가 들어가면   import { JoinColumn, JoinTable } from 'typeorm/browser';   위 처럼 import가 되고 아래와 같은 오류가 뜹니다. Join Column OneToOne 부분만 지우고 코드를 돌리면 잘 돌아가는데, 저것을 추가하는 순간 아래와 같은 오류가 뜹니다. 이유를 알 수 있을까요?   16-01-mysql-relation2/node_modules/typeorm/browser/index.js:3 import "reflect-metadata"; ^^^^^^ SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe (node:internal/modules/cjs/loader:1176:20) at Module._compile (node:internal/modules/cjs/loader:1218:27) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Function.Module._load (node:internal/modules/cjs/loader:958:12) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18) at Object.<anonymous> (/Users/hychoi/WebstormProjects/backend-study/class/16-01-mysql-relation2/src/apis/products/entities/product.entity.ts:3:1) at Module._compile (node:internal/modules/cjs/loader:1254:14)

노원두 · Answer

안녕하세요! 학열 님!   먼저, @JoinColumn과 @OneToOne 을 지우고 실행하셨을 때 잘 돌아갔던 이유는, 사실 정상 작동한 것이 아니라 테이블을 만드는 작업과 관련된 그 어떤 작업도 진행하지 않았기 때문 에 잘 돌아갔던 것이랍니다. 먼저, 해결 방법부터 말씀 드리면 "typeorm/browser" 부분을 "typeorm" 으로 변경해 주세요     잘 해결이 되었나요?! 그러면, 같이 한 번 문제를 찾아 볼 까요! 에러 메시지를 다시 한 번 보면 import는 쓸 수 없다 는 것 같아요! import "reflect-metadata"; ^^^^^^ SyntaxError: Cannot use import statement outside a module   이유는 "typeorm/browser"와 "typeorm" 둘 모두 비슷한 구조를 이루고 있으나 내부적으로는 약간 다릅니다. "typeorm/browser"는 내부적으로 다른 모듈을 불러올 때 module 방식(import)을 사용 하고 있고, "typeorm"은 내부적으로 다른 모듈을 불러올 때 commonjs 방식(require)을 사용 하고 있어요! 아래는 실제 node_modules에 다운로드 받아져 불러와지는 소스코드 사진입니다. 사진을 보시면, 왼쪽은 node_modules에 있는 "typeorm/browser" 폴더 내의 파일이고 오른쪽은 "typeorm" 폴더 내의 파일입니다. 왼쪽은 module(import) 방식을 사용하고 있지만, 오른쪽은 commonjs(require) 방식을 사용하고 있네요!   참고로, 우리가 작성한 nestjs의 코드 는 실행시 다음의 몇 가지 변경 절차를 거치게 됩니다.(dist 폴더에 만들어져요!) typescript => javascript로 변경 module(import) => commonjs(require)로 변경 따라서, 변경 작업을 거쳐 최종적으로 실행되는 코드들은 commonjs 방식의 코드들로 이루어져 있어요!   이 흐름에 맞게, 우리가 작성하지 않은 nestjs 코드 도 module(import) 방식을 사용하고 있는 "typeorm/browser"가 아니라, commonjs(require)를 사용하고 있는 "typeorm"을 사용 해 주셔야 합니다!