@devsisters/dotenv가 포함된 컴포넌트가 shadowing 된 경우 Syntax Error 발생

[cometkim]

Apollo Theme 내에서 사용하려는 데 문제가 발생하네요.

• gatsby-theme-apollo
• shadowing

환경:

{ yarn:
   '1.19.1',
  '@devsisters/web-hr-frontend':
   '0.0.0',
  node:
   '11.15.0',
  v8:
   '7.0.276.38-node.19',
  uv:
   '1.27.0',
  zlib:
   '1.2.11',
  brotli:
   '1.0.7',
  ares:
   '1.15.0',
  modules:
   '67',
  nghttp2:
   '1.37.0',
  napi:
   '4',
  llhttp:
   '1.1.1',
  http_parser:
   '2.8.0',
  openssl:
   '1.1.1b',
  cldr:
   '34.0',
  icu:
   '63.1',
  tz:
   '2018e',
  unicode:
   '11.0' }

아래는 에러 내용입니다.

 ERROR 

There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help https://gatsby.dev/debug-html SyntaxError: Unexpected token .


  68 | var React = require("react");
  69 | var react_1 = require("react");
> 70 | var _1 = require(".");
     |          ^
  71 | var react_2 = require("./react");
  72 | exports.default = (function (_a, pluginOptions) {
  73 |     var element = _a.element;


  WebpackError: SyntaxError: Unexpected token .
  
  - wrapRootElement.js:70 Module._compile
    node_modules/@devsisters/passport/wrapRootElement.js:70:10
  
  - AppBar.js:1 Object.Module._extensions..js
    node_modules/@material-ui/core/esm/AppBar/AppBar.js:1:1
  
  - index.js:128 Function.Module._load
    node_modules/@devsisters/passport/index.js:128:1
  
  - wrapRootElement.js:33 Module.require
    node_modules/@devsisters/passport/wrapRootElement.js:33:1
  
  - index.js:188 Promise._execute
    node_modules/@devsisters/dotenv/index.js:188:1
  
  - index.js:26 Promise._resolveFromExecutor
    node_modules/@devsisters/passport/index.js:26:1
  
  - react-common.esm.js:1 MappingPromiseArray.PromiseArray._iterate
    node_modules/@apollo/react-common/lib/react-common.esm.js:1:1
  
  - react-common.esm.js:38 execFunction
    node_modules/@apollo/react-common/lib/react-common.esm.js:38:1
  
  - react-common.esm.js:22 execHelper
    node_modules/@apollo/react-common/lib/react-common.esm.js:22:1
  
  - react-common.esm.js:26 execMethod
    node_modules/@apollo/react-common/lib/react-common.esm.js:26:6
  
  - react-common.esm.js:76 process.emit
    node_modules/@apollo/react-common/lib/react-common.esm.js:76:1
  
  - AppBar.js:10 emit
    node_modules/@material-ui/core/esm/AppBar/AppBar.js:10:1
  

⠋ start webpack server
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @devsisters/[email protected] gatsby: `sucrase-node ../node_modules/gatsby/dist/bin/gatsby.js "develop" "-H" "0.0.0.0"`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @devsisters/[email protected] gatsby script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/comet/.npm/_logs/2019-10-14T03_43_22_098Z-debug.log
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
ERROR: "dev:gatsby" exited with 1.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.