Programming/JavaScript & TypeScript

[Webpack] 모듈 신규 설치 후 build 파일 실행 시 에러

Bonita SY 2020. 4. 8. 20:54
728x90
반응형
TypeError: Cannot read property 'indexOf' of undefined
    at Function.t.getFileName (/home/web_server/dist/server.js:2707:108366)
    at t (/home/web_server/dist/server.js:2707:107529)
    at Object.r (/home/web_server/dist/server.js:2707:108713)
    at n (/home/web_server/dist/server.js:1:172)
    at Object.<anonymous> (/home/web_server/dist/server.js:2926:1104)
    at Object.<anonymous> (/home/web_server/dist/server.js:2926:4981)
    at n (/home/web_server/dist/server.js:1:172)
    at /home/web_server/dist/server.js:1:579
    at Object.<anonymous> (/home/web_server/dist/server.js:1:591)
    at Module._compile (module.js:652:30)

'node-memwatch' 라는 모듈을 설치하고 webpack으로 빌드를 했습니다.

 

정상적으로 빌드를 성공해서 실행시켰더니, 위와 같은 에러가 발생하더군요 ㅎ

 

그래서 webpack.config.js 파일을 열어

 

module.exports = {
  externals: {
    node-memwatch: 'commonjs node-memwatch'
  }
};

다음과 같이 수정 후 빌드를 했더니,

 

SyntaxError: Unexpected token -
    at NativeCompileCache._moduleCompile (/home/web_server/node_modules/v8-compile-cache/v8-compile-cache.js:226:18)
    at Module._compile (/home/web_server/ode_modules/v8-compile-cache/v8-compile-cache.js:172:36)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)

이런 에러가..

 

https://webpack.js.org/configuration/externals/

 

Externals | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

webpack.js.org

 

위 도큐먼트를 참고하니까

 

module.exports = {
  externals: {
    'node-memwatch': 'commonjs node-memwatch',
  }
};

이렇게 작은따옴표로 묶어줘야했던 거였네요 ㅎ

 

이걸로 은근 시간 많이 버렸네요. 여러분은 안그러시길 바라며..

 

이만 바위~

728x90
반응형