server/app.tsx에서 client 컴포넌트를 import 할 수 없는 문제

[SoYoung210]

Solve

module.exports = {
  target: 'node',
  name: 'server',
  node: false,
  entry: pathResolve(__dirname,'server/app.tsx'),
  output: {
    filename: 'server.bundle.js',
    path: pathResolve(__dirname, 'static'),
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx|js)?$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options: babelConfig
          }
        ],
      }
    ],
  },
  resolve: {
    extensions: ['.ts', '.tsx', '.js']
  },
  externals: [nodeExternals()]
};

확장자 없이 file을 import하고 싶다면 꼭! resolve: extenstions 옵션을 추가해주어야 한다.