Express throwing module errors

Question

Express throwing module errors

I encountered an issue while attempting to expose a REST service in an electron app using expressJS. Following a tutorial, I added express and @types/express to the project. However, when trying to implement a "get" method and running the build with ng build --prod, I received the following errors:

ERROR in ./node_modules/cookie-signature/index.js
Module not found: Error: Can't resolve 'crypto' in 'app\node_modules\cookie-signature'
...

This is my first time working on such a task, so please bear with me if I'm unfamiliar with some concepts.

Here is an excerpt from my package.json:

> {
  "name": "angular-electron",
  ... (omitted for brevity)
}

The project was functioning perfectly until I integrated the express part using the following code snippet:

var app = express()

app.get('/', function (req, res) {
    res.send('Hello World')
})

javascript typescript express npm electron

Answer 1

Answer №1

I have exhausted all potential solutions found online, yet none seemed to work for me. My project utilized angular universal with express for server-side rendering. One morning, out of nowhere, I encountered an error that prevented my project from running smoothly. Despite attempting the suggested fix in the browser: {"fs": false}, the issue persisted and consumed the entirety of my day. After careful examination of my existing codebase, I realized that I had overlooked a crucial detail - I inadvertently imported Router from express within a component.

The mistake:

import { Router } from 'express';

The correction:

import { Router } from '@angular/router';

Answer 2

I have exhausted all potential solutions found online, yet none seemed to work for me. My project utilized angular universal with express for server-side rendering. One morning, out of nowhere, I encountered an error that prevented my project from running smoothly. Despite attempting the suggested fix in the browser: {"fs": false}, the issue persisted and consumed the entirety of my day. After careful examination of my existing codebase, I realized that I had overlooked a crucial detail - I inadvertently imported Router from express within a component.

The mistake:

import { Router } from 'express';

The correction:

import { Router } from '@angular/router';

Answer 3

Answer №2

Your solution now consists of 2 applications:

1) The client application, angular, which operates in a browser environment

2) The server application, express, which functions in a node environment

When constructing the angular application with `ng build`, it is crucial to ensure that the express application files are not included in the angular build. The node modules utilized by express are not compatible with a browser environment.

Here's what you can do:

1) Shift the express source code out of the src folder and into the project root

// server.js
var express = require('express');
var app = express();

app.use(express.static('dist')); // or specify where the output of ng build is located

app.listen(3000, function() { console.log('Server running on port 3000'); });

2) Execute `ng build`

3) Run `node server.js` from the project root. This command will continue running

4) Access `localhost:3000` in your browser to view your application

Answer 4

Your solution now consists of 2 applications:

1) The client application, angular, which operates in a browser environment

2) The server application, express, which functions in a node environment

When constructing the angular application with `ng build`, it is crucial to ensure that the express application files are not included in the angular build. The node modules utilized by express are not compatible with a browser environment.

Here's what you can do:

1) Shift the express source code out of the src folder and into the project root

// server.js
var express = require('express');
var app = express();

app.use(express.static('dist')); // or specify where the output of ng build is located

app.listen(3000, function() { console.log('Server running on port 3000'); });

2) Execute `ng build`

3) Run `node server.js` from the project root. This command will continue running

4) Access `localhost:3000` in your browser to view your application

Answer 5

Answer №3

Always double-check your application to ensure that it has not mistakenly imported any unnecessary packages.

I encountered this problem recently myself. It turns out that sometimes the application automatically adds packages while we are working on it. For example, when I was making a fetch request, {JSON, Express} were imported without my knowledge.

If you find yourself mixing backend packages within the src folder for front-end development, you may run into similar issues.

Answer 6

Always double-check your application to ensure that it has not mistakenly imported any unnecessary packages.

I encountered this problem recently myself. It turns out that sometimes the application automatically adds packages while we are working on it. For example, when I was making a fetch request, {JSON, Express} were imported without my knowledge.

If you find yourself mixing backend packages within the src folder for front-end development, you may run into similar issues.

Express throwing module errors

Answer №1

Answer №2

Answer №3

Similar questions

What is the reason for the Pointer Lock API entry displaying a significant number when the window is compressed?

How can I use JavaScript to retrieve information from a different webpage?

Is there a way for me to revert back to my initial list after the 3rd click?

Utilizing Node.js to match arrays

Only a fragment of the .attr() method

What is the best way to wait for the state to be set before mapping the array

Creating a seamless rotation effect on an SVG shape at its center across all browsers, even Internet Explorer

Locate the parent element using a unique child element, then interact with a different child element

successive ajax requests

Is there a way to accomplish this without using settimeout?

How to use jQuery to remove the last element from an array when the back button

Looking for a method to substitute "test" with a different value

How can I utilize express and node-http-proxy to forward proxy requests to an https server?

Issue with conditional comment in IE 8 not functioning as expected

Transform the text column into JSON format

A guide on resolving the 'Unexpected identifier array in JSON Parse Error' encountered during an AJAX Request

How to Overcome Read-only HTML Components in Selenium with Python?

Is it possible to combine JavaScript objects using TypeScript?

I am eager to develop a Loopback model tailored specifically for handling this JSON data

Show an alternative option in the dropdown menu