Webpack is returning __dirname as '/'

[nestjs]

Webpack is returning __dirname as '/'

[Pietrox]

Nevertheless I did also a topic on stackoverflow. As general fixes are not working with it also. Somehow the normal options to configure webpack are modified and most probably i placed the issue in wrong project as this looks like more like nestjs/ng-universal. @kamilmysliwiec is it more swagger or ng-universal issue ?

[kamilmysliwiec]

I moved this issue under ng-universal repo.

Please, provide a minimal repository which reproduces your issue.

[Pietrox]

Hello Kamil,

I think I know the issue. Swagger in general has problems with webapck and production serve according to this issue swagger-ui/#90, but the ng-universal bundling is not accepting the configs defined in webpack config.

All works fine if disabling swagger in prod.

My webpack config is:

const webpack = require('webpack');
const WebpackConfigFactory = require('@nestjs/ng-universal')
  .WebpackConfigFactory;

module.exports = WebpackConfigFactory.create(webpack, {
  // Nest server for SSR
  server: './server/main.ts',
}); 

My main.ts init on swagger is:

  const swaggerOptions = new DocumentBuilder()
      .setTitle('NestJS API')
      .setDescription('Swagger')
      .setVersion('0.0.1')
      .setHost(hostDomain.split('//')[1])
      .setSchemes(ApplicationModule.devMode ? 'http' : 'https')
      .setBasePath('/api')
      .addBearerAuth('Authorization', 'header')
      .build();
  const swaggerDoc = SwaggerModule.createDocument(app, swaggerOptions);

  SwaggerModule.setup('/api/docs', app, swaggerDoc, {
      swaggerUrl: `${hostDomain}/api/docs-json`,
      explorer: true,
      swaggerOptions: {
        docExpansion: 'list',
        filter: true,
        displayRequestDuration: true,
      },
    });

[kamilmysliwiec]

the ng-universal bundling is not accepting the configs defined in webpack config.

Why not? You can simply modify the object returned by WebpackConfigFactory.create()

[Pietrox]

Well I tried placing :

'__dirname': false

inside it, but when compiling to prod it throws:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.entry should be one of these: function | object { <key>: non-empty string | [non-empty string] } | non-empty string | [non-empty string] -> The entry point(s) of the compilation.

Details: * configuration.entry['node'] should be a string. -> The string is resolved to a module which is loaded upon startup.
* configuration.entry['node'] should be an array: [non-empty string] -> A non-empty array of non-empty strings
* configuration.entry['node'] should be one of these: [non-empty string] -> All modules are loaded upon startup. The last one is exported.
* configuration.entry['node'] should be one of these: non-empty string | [non-empty string] -> An entry point with name

[kamilmysliwiec]

This error is thrown by webpack (invalid schema). I don't think that it is related to this package.

[hungtcs]

I have same problam, change webpack config can solve this problem

const merge = require('webpack-merge');
const webpack = require('webpack');
const { WebpackConfigFactory } = require('@nestjs/ng-universal');

module.exports = merge(WebpackConfigFactory.create(webpack, {
  // Nest server for SSR
  server: './server/main.ts'
}), {
  node: {
    __dirname: false, // <-------------------------
    __filename: false,
  },
});