Deploying to Heroku

As I had decided to use a Bootstrap template I had to change the package.json file so that it successfully worked with heroku. At the beginning I kept recieving an error that the build had failed causing the application to not work online and therefore after looking through my files realised that my package.json was incorrect as my template had been set up to use gulp instead with no hosting.

My original package.json file only included the 'devDependencies' and was my main reason as to why it wasn't working when I was trying to run my website through heroku. 


My main error was that I didn't have a 'scripts' section that included a start which meant that node wasn't running previously. Moreover it couldn't find my app.js file as I hadn't stated where it was and was most likely not installing all of the devdepencies when typing 'npm install' in the terminal because my package.json file was incorrect causing the build to fail. 

While I was editing this file, I was checking that my code was correct by using an online .json validator. This told me if anything was wrong or missing from my code. 



My app.js file required express which I don't think was being installed as it wasn't listed as a dev dependancy in my original package.json file which meant that my app.js file wouldn't have worked.  Moreover this needed editing as previously this file was trying to search for a folder that didn't exist (public). The app now gets my home file which is the first file I would like to be opened (op-index.html) however before my app.js was searching for a html file that was had the incorrect name at an incorrect location. As the public folder doesn't exist I feel as though these other commands are ignored as the files cannot be found.


With these changes my app now works successfully with heroku!

Comments

Post a Comment

Popular posts from this blog

Unity Project 4: Ball platformer game

Image
Finished game displayed in the scene view. Scene view Assets Uses Rigidbody so that the ball can use physics (Gravity) therefore it doesn't fall through the ground. The 'Rolling Ball' script is attached to the ball which adds force to the ball. Ball Inspector Scene view displaying the invisible cube object which can be used as a trigger for an event. Scene view When the console prints 'COLLIDED', the ball has collided with a specific object (Invisible cube). Console Message The invisible cube that is attached to the 'Trigger' script. When an object does not have a mesh renderer, the object becomes invisible as we cannot see it due to it not having a mesh. Cube Inspector Field of view changed, so that the ball can be seen from a slightly different angle. Follow target script also attached allowing a first person type view of the ball as the camera is set to follow the ball's movement. The camera can be moved so tha
Read more

[Research] Traditional Poster Design (4CTA1214)

Image
As you can see from the superman poster, there are only four main colours used which includes red, blue, yellow and brown. All elements are filled in with block colours with no shading which was a common colour theme for traditional posters of this kind. This poster may have been used to advertise a new Superman comic or movie depending on the year it was created. The expression on the characters face fits the title shown on the poster explaining that he is returning. This poster advertised Coca Cola, and looks as though this specific poster was used in the USA - due to the currency used. The whole aim of the poster is to incorporate this drink into working peoples daily lives. This is seen by the slogan, 'Work refreshed' and the small graphics on the bottom right of the poster. Displayed is a man working in a factory environment and a lady is working in an office environment both drinking cola during their breaks - to feel refreshed. In some ways the bottle and
Read more