nps-utils | Utilities for http : //npm.im/nps | Build Tool library

I have a nodejs project versioned in a GIT repo. When I clone the project, the package-lock.json is included (as it should be) but when I execute "npm install" I get the error Unhandled rejection Error: Integrity check failed

If I delete the package-lock.json everything works

• node version: 8.14.0
• npm version: 6.5.0

Package.json:

The Metro Bundler gives me no messages, it does absolutely nothing when I click on the app, doesn't tell me why its crashed. On the localhost:8081/debugger-ui all I get is this

WebSocket connection to 'ws://localhost:8081/debugger-proxy?role=debugger&name=Chrome' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

but that is not very helpful at all since I ensured that 8081 is not already in use.

This is my environment:

I have lately come across this error message in the http://localhost:8081/debugger-ui/ that says:

So I cloned a React Native app from Github and noticed this package called Reactotron, what is that I wondered? I looked it up, hmm, nice, its like Redux DevTools, why not avail myself of its capabilities.

I downloaded Reactotron UI for Mac and I have refreshed my simulator various times and no connection.

This is my very first time even learning about this tool which sounds great.

This is the codebase where I saw Reactotron setup as the guys at InfiniteRed have suggested:

TLDR: Aurelia app, bundled with webpack, can't load in browser - console shows error: can't find module with id: main. I think that means it can't find the entrypoint. Running out of things to try.

• I work on an Aurelia application.
• We use webpack for bundling our front-end code.
• It all worked great until the past couple days. (recently we added aurelia-dialog, which worked fine, but we had to do some npm updates to be able to get it to work, etc.)
• There were a several npm dependency issues that needed resolving, but I got them eventually...
• One particularly annoying one was that gulp used to be included in our package.json as "gulp": "github:gulpjs/gulp#4.0 but I guess that git branch was removed, so between that and whatever other npm issues, they all needed to be updated to "gulp": "4.0" which is chill - apart from it then causing us to then go and have to start the horrendous long train of npm dependency resolutions.
• Now, however, I'm stuck at at point where there are no errors with the npm packages, nor errors coming from webpack's compilation process, nor any tslint errors. However, the app is broken, and even in other branches which haven't been touched, it's also having issues.

The error is:

Error: Unable to find module with ID: main

at WebpackLoader. (https://localhost:44399/dist/app.bundle.js?v=18.11.05&v=QnXnhS1zNjvTNWq1CN7QzBCr2ti1BVIVEjGB_ewbuj0:9435:35)

at step (https://localhost:44399/dist/app.bundle.js?v=18.11.05&v=QnXnhS1zNjvTNWq1CN7QzBCr2ti1BVIVEjGB_ewbuj0:9296:23)

If I'm understanding correctly (I'm not the developer who set this app up, and he's no longer around), the "main" being referenced in the error comes from the aurelia-app="main" attribute within the element in wwwroot/dist/index.html :

(see bottom for directory stucture)

I've had this problem with TS 2.4.2 and 2.5, React 15.6 and 16.0 so I don't think its a version issue. I don't have this problem with my other project but this is a new one and I can't figure out the issue. The big difference is that I'm using the latest (20171027) version of https://github.com/wmonk/create-react-app-typescript

Its not just this ListMessages file, but I've tested it in other files as well. Anywhere I'm trying to use connect(mapStateToProps)(Component) but I get this error parameter of type 'ComponentType<{ messages: any; } & DispatchProp>'

code