@JoinColumn() 관련 오류

@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)

안녕하세요! 학열님!

먼저, @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 폴더에 만들어져요!)

따라서, 변경 작업을 거쳐 최종적으로 실행되는 코드들은 commonjs 방식의 코드들로 이루어져 있어요!

이 흐름에 맞게, 우리가 작성하지 않은 nestjs 코드도 module(import) 방식을 사용하고 있는 "typeorm/browser"가 아니라, commonjs(require)를 사용하고 있는 "typeorm"을 사용해 주셔야 합니다!

인프런 커뮤니티 질문&답변