Small MERN app where one dropdown lists should get updated based on selections made on other dropdown list
🔭 Machine Learning Engineer, working with Large Language Models | Kaggle Master
📫 Connect with me on these platforms.
In my .client/package.json I have the following
"proxy": {
"/": {
"target": "http://localhost:5000/",
"secure": false
}
But in my app.js axios requst is not working if I just put like below
axios.get('/')
I have to put the full url - axios.get('http://localhost:5000/')
The below 2 tests are failing - giving " Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined."
describe('FilterOptions', function () {
it('loads without problems', function () {
var FilterOptions = ReactTestUtils.renderIntoDocument(<FilterOptions/>);
expect(FilterOptions).toExist();
});
});
describe('FilterOptions', function () {
it('changes without problems', function () {
var FilterOptions = ReactTestUtils.renderIntoDocument(<FilterOptions/>);
const inputNode = ReactDOM.findDOMNode(FilterOptions.refs.input);
const newValue = 'some text';
inputNode.value = newValue;
ReactTestUtils.Simulate.change(inputNode);
const nameNode = ReactDOM.findDOMNode(FilterOptions.refs.name);
expect(nameNode.textContent).toEqual(newValue);
});
});
While after pushing to Heroku (git push heroku master), Terminal is showing to the below URL as the deployed URL - But thats not working - Spent 4 / 5 hours to fix it around Proxy in React, correct way to declare Car variable in models, and MongoDB configuration (comparing with my othre app DevBook) - but ultimately failed.
https://intense-wildwood-81995.herokuapp.com/
Getting the following error after running heroku logs --tail
at startup (bootstrap_node.js:191:16)
2018-09-07T20:39:18.587268+00:00 app[web.1]: at bootstrap_node.js:612:3
2018-09-07T20:39:18.598638+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2018-09-07T20:39:18.599139+00:00 app[web.1]: npm ERR! errno 1
2018-09-07T20:39:18.600175+00:00 app[web.1]: npm ERR! [email protected] start: `node server.js`
2018-09-07T20:39:18.600284+00:00 app[web.1]: npm ERR! Exit status 1
2018-09-07T20:39:18.600466+00:00 app[web.1]: npm ERR!
2018-09-07T20:39:18.600717+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script.
2018-09-07T20:39:18.600843+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2018-09-07T20:39:18.649956+00:00 app[web.1]:
2018-09-07T20:39:18.650199+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2018-09-07T20:39:18.650428+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-09-07T20_39_18_602Z-debug.log
2018-09-07T20:39:18.705372+00:00 heroku[web.1]: State changed from starting to crashed
2018-09-07T20:39:18.707066+00:00 heroku[web.1]: State changed from crashed to starting
2018-09-07T20:39:18.691269+00:00 heroku[web.1]: Process exited with status 1
2018-09-07T20:39:31.015123+00:00 heroku[web.1]: Starting process with command `npm start`
2018-09-07T20:39:33.510956+00:00 app[web.1]:
2018-09-07T20:39:33.510981+00:00 app[web.1]: > [email protected] start /app
2018-09-07T20:39:33.510983+00:00 app[web.1]: > node server.js
2018-09-07T20:39:33.510984+00:00 app[web.1]:
2018-09-07T20:39:35.394182+00:00 app[web.1]:
2018-09-07T20:39:35.394229+00:00 app[web.1]: /app/node_modules/mongoose/lib/connection.js:424
2018-09-07T20:39:35.394231+00:00 app[web.1]: throw new MongooseError('The `uri` parameter to `openUri()` must be a ' +
2018-09-07T20:39:35.394233+00:00 app[web.1]: ^
2018-09-07T20:39:35.394706+00:00 app[web.1]: MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.
2018-09-07T20:39:35.394710+00:00 app[web.1]: at new MongooseError (/app/node_modules/mongoose/lib/error/mongooseError.js:13:11)
2018-09-07T20:39:35.394712+00:00 app[web.1]: at NativeConnection.Connection.openUri (/app/node_modules/mongoose/lib/connection.js:424:11)
2018-09-07T20:39:35.394713+00:00 app[web.1]: at Mongoose.connect (/app/node_modules/mongoose/lib/index.js:232:15)
2018-09-07T20:39:35.394715+00:00 app[web.1]: at Object.<anonymous> (/app/server.js:27:4)
2018-09-07T20:39:35.394717+00:00 app[web.1]: at Module._compile (module.js:652:30)
2018-09-07T20:39:35.394720+00:00 app[web.1]: at Module.load (module.js:565:32)
2018-09-07T20:39:35.394719+00:00 app[web.1]: at Object.Module._extensions..js (module.js:663:10)
2018-09-07T20:39:35.394722+00:00 app[web.1]: at tryModuleLoad (module.js:505:12)
2018-09-07T20:39:35.394724+00:00 app[web.1]: at Function.Module._load (module.js:497:3)
2018-09-07T20:39:35.394725+00:00 app[web.1]: at Function.Module.runMain (module.js:693:10)
2018-09-07T20:39:35.394727+00:00 app[web.1]: at startup (bootstrap_node.js:191:16)
2018-09-07T20:39:35.394729+00:00 app[web.1]: at bootstrap_node.js:612:3
2018-09-07T20:39:35.409783+00:00 app[web.1]: npm ERR! errno 1
2018-09-07T20:39:35.409079+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2018-09-07T20:39:35.412118+00:00 app[web.1]: npm ERR! [email protected] start: `node server.js`
2018-09-07T20:39:35.412384+00:00 app[web.1]: npm ERR! Exit status 1
2018-09-07T20:39:35.412781+00:00 app[web.1]: npm ERR!
2018-09-07T20:39:35.413072+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script.
2018-09-07T20:39:35.413319+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2018-09-07T20:39:35.422350+00:00 app[web.1]:
2018-09-07T20:39:35.422671+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2018-09-07T20:39:35.422895+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-09-07T20_39_35_415Z-debug.log
2018-09-07T20:39:35.500167+00:00 heroku[web.1]: Process exited with status 1
2018-09-07T20:39:35.517571+00:00 heroku[web.1]: State changed from starting to crashed
2018-09-07T20:40:05.410409+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=intense-wildwood-81995.herokuapp.com request_id=867718eb-77b7-4552-9a50-8e44d30c7f53 fwd="183.83.72.180" dyno= connect= service= status=503 bytes= protocol=https
2018-09-07T20:40:06.711996+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=intense-wildwood-81995.herokuapp.com request_id=181714dc-163d-4a21-9900-afce776e4831 fwd="183.83.72.180" dyno= connect= service= status=503 bytes= protocol=https
2018-09-07T20:40:21.073289+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=intense-wildwood-81995.herokuapp.com request_id=06e9df86-af06-411d-95e3-884669bcc593 fwd="183.83.72.180" dyno= connect= service= status=503 bytes= protocol=https
2018-09-07T20:40:22.368312+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=intense-wildwood-81995.herokuapp.com request_id=443853e3-f928-428d-807b-95c0b0723ab1 fwd="183.83.72.180
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 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.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
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.