Comments (1)
Unfortunately, some Node.js packages (especially native bindings, e.g. fsevents
in this case) cannot be easily bundled using Webpack. In order to get rid of errors, you have to adjust your webpack configuration (webpack.server.config.js
):
const webpack = require('webpack');
const WebpackConfigFactory = require('@nestjs/ng-universal')
.WebpackConfigFactory;
const nodeExternals = require('webpack-node-externals');
/**
* In fact, passing following configuration to the WebpackConfigFactory is not required
* default options object returned from this method has equivalent entries defined by default.
*
* Example: WebpackConfigFactory.create(webpack);
*/
const webpackOptions = WebpackConfigFactory.create(webpack, {
// This is our Nest server for Dynamic universal
server: './server/main.ts',
// This is an example of Static prerendering (generative)
prerender: './prerender.ts',
});
webpackOptions.resolve.extensions.push('.mjs', '.graphql', '.gql');
webpackOptions.module.rules.push({
test: /\.mjs$/,
include: /node_modules/,
type: 'javascript/auto',
});
const whitelistedPackages = /^(?!(livereload|concurrently|fsevents)).*/;
webpackOptions.externals[1] = nodeExternals({
whitelist: whitelistedPackages,
});
webpackOptions.plugins.push(
new webpack.IgnorePlugin({
checkResource(resource) {
const lazyImports = [
'@nestjs/microservices',
'cache-manager',
'class-validator',
'class-transformer',
'apollo-server-fastify',
'bufferutil',
'utf-8-validate',
];
if (!lazyImports.includes(resource)) {
return false;
}
try {
require.resolve(resource);
} catch (err) {
return true;
}
return false;
},
}),
);
module.exports = webpackOptions;
Then, it will work fine
from ng-universal.
Related Issues (20)
- Add support for Angular 16 HOT 1
- Missing domino dependency HOT 1
- Vulnerable reason to stay here with ^0.13.1 and not ^0.14.0 HOT 1
- errorHandler does not includes the request to be able to respond something.
- Prerender with standalone application don't work HOT 1
- Nestjs ng-universal package dependency errors HOT 6
- Support in Angular 17 HOT 6
- @nestjs/ng-universal not working with Angular 13 - Error [ERR_REQUIRE_ESM]: require() of ES Module HOT 4
- Angular 13 + ng add @nestjs/ng-universal --force (Package installed failed) HOT 2
- Can't resolve 'class-transformer/storage' HOT 2
- `npm run dev:ssr` fails to run on MacOS HOT 2
- TypeError: Class constructor Type cannot be invoked without 'new' - nest runtime error when using angular library + mikro orm HOT 7
- Please make cache methods asynchronous HOT 1
- That package not work HOT 1
- minimal app with "Error: Module parse failed" HOT 2
- Would really love to use this library with latest major nestjs version (v9) HOT 1
- [FR] Add community maintainers to this package HOT 3
- Collection "@nestjs/ng-universal" cannot be resolved HOT 1
- Angular 15 ng add dependency issue 'Packages installation failed' HOT 6
- Can't start or build server application HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ng-universal.