ack-tutorial

React can't find this file that I'm trying to import.

I tried every different version of changing the filepath in the import I could, added/removed .js from all of the attempts, triple checked that there were no spelling errors/capitalization problems, and did an npm update just to try something different. I've hit a wall here.

The main errors I get are:

[Error: ENOENT: no such file or directory, stat '/initrd.img'] { errno: -2, code: 'ENOENT', syscall: 'stat', path: '/initrd.img' }

./src/App.js Module not found: You attempted to import /components/number.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

I'm thinking it's a problem with how I'm trying to import/export things maybe? Here's the resources I've used to hack together what I have so far:

mongoDB MERN tutorial

geeksforgeeks tutorial

App.js

I can not run webpack serve. My configs:

//webpack.config.js

I'm trying to figure out how queries in Apollo Client are supposed to interact with the cache.

Specifically, I want to know if we run a query that fetches all todos:

I am trying to load a schema through introspection: according to the docs I should run the following in my project root directory:

When I am calling the following function to get data from MongoDB, I am getting an undefined. I suspect it is because I need to convert the function to an async/await function. However, I am not sure how to do this without breaking the functions and their chains as they stand? Is there a simple way to convert this to async/await?

I followed this tutorial https://www.positronx.io/angular-8-mean-stack-tutorial-build-crud-angular-material/ to create a MEAN app

My express API works via curl and data successfully populates the mongo database. My angular front end also works in a live browser using nginx as the server. I am also able to proxy_pass to use express to serve the angular STATIC files directly.

When I try to POST data into a form from the browser I get an error saying ERR_CONNECTION_REFUSED. I have been stuck on this for a few days and not sure how I can resolve this. I suspect the issue is with my nginx file or /sites-available/default file, given that curl works in the command line.

My key files are:

/etc/nginx/sites-available/default:

I've been working through the tutorials at https://webpack.js.org/guides/output-management/ and they've solidified my understanding of how webpack typically bundles your whole frontend into a script that is run by a barebones HTML page like this: