Uncaught ReferenceError: exports is not defined

💬 Questions and Help

Hi, when I try to print out the extracted scripts(getScriptTags) on the server i receive those errors in the console : Uncaught ReferenceError: exports is not defined

The code in those files starts with :

exports.ids = ["components-Home"];
exports.modules = {

My webpack config on the server looks like this :

...
module.exports = {
  devtool: isDev ? 'inline-source-map' : false,
  entry: [
    './server/index.js'
  ],
  externals: [],
  target: 'node',
  output: {
    path: path.join(__dirname, outputDirectory),
    filename: 'bundle.js',
    publicPath: '/',
  },
  mode: isDev ? 'development' : 'production',
  resolve: {
    extensions: [".js", ".jsx", ".json"]
  },
  plugins: [
    new CleanWebpackPlugin(outputDirectory),
    new LoadablePlugin(),
  ],
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        },
      },
      {
        test: /\.jsx$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      },
      {
        test: /\.css$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              publicPath: '../'
            }
          },
          "css-loader"
        ]
      },
      {
        test: /\.(png|woff|woff2|eot|ttf|svg)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192,
              name: 'static/[hash]-[name].[ext]',
              publicPath: '../'
            }
          }
        ]
      }
    ]
  }
}

if(isDev) {
  module.exports.entry.push('webpack/hot/poll?1000')
  module.exports.externals.push(nodeExternals({ whitelist: ['webpack/hot/poll?1000'] }))
  module.exports.plugins.push(
    new webpack.NamedModulesPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new WebpackShellPlugin({
      onBuildStart:['echo "Webpack Start"'], 
      onBuildEnd:['node ' + path.join(__dirname, outputDirectory) + '/' + 'bundle.js']
    }),
  )
} else {
  module.exports.externals.push(nodeExternals())
}

Anyone knows whats going on here ?

[rajocular]

@ischoe I’m running into this same issue, can you share the changes you made in your Webpack config?

[jeroenkampinga]

Hi @ischoe I have the same issue. Can you tell me what you’ve changed?