Couldnt deploy repo to GitHub pages - node.js

I switched my acc to github student and linked namecheap domain. And created personal portfolio repo with named hedevelope.github.io and it redirects to my domain name which is hedevelope.me but there is an error "Site not found".
Website error
Where is the problem i couldnt figure. Because i looked deployment logs on github pages but there is no problem. Vercel couldnt deploy too but netlify deploys correctly in a minute.
This is error before version change on package.json and
After adding npm versions to package.json
I couldnt run project locally because it gives too much errors and i solved with downgrade the node version. And added it to package.json to github understands and runs with that versions. But same result page doesnt found.
Note: i used the same files that the owner published. credits:https://github.com/bchiang7/v4
My project on netlify: https://bespoke-cuchufli-f038f1.netlify.app/
package.json code that i add
"engines" : {
"npm" : "14.16.0",
"node" : "6.14.11"
}

Related

localhost website and editing NPM package to later commit changes

Pardon the title, it's terrible.
Situation:
I pull a github repo that represents a website. I build it locally for development. It's running on localhost.
It uses webpack, and has a series of node modules loaded.
I need to edit one of those modules and see the results on that website.
I then need to push those changes to the repo that builds to the npm module.
Ideally I do the edits on the npm module as a local pull of that repo, and the local website is referencing those changes and webpack watch is rebuilding as I go along, then when all good, I can do a pull request to that npm module.
What do I use to do this? Is their a common workflow or term for this so I can figure out how?
Thank you.
Note: I attempted to use npm link,
I.e. in the repo "custom-npm" I typed "npm link"
Then in the website repo, in the node_modules/custom-npm folder I typed "npm link custom-npm"
error is: "custom-npm" is not in this registry
"custom-npm" is a github private package. Not sure if that does something here unintended...

Heroku Deployment failing to see Angular components

I tried to deploy my Angular application trough my gitlab pipeline to heroku. But when i check the logs it seems to error on alot of angular components/modules. This is weird because it doesn't show any errors when i try to build the application local.
Here's the link for the console error:
https://pastebin.com/LnncztUu
gitlab logging
I already tried deleting the node_modules folder and reinstalling it but to my suprise it didn't work. And i compiled my angular application in production mode and i found no errors also.
Are you positive the missing components are fully under source control and were added to the repository. Seems like the components in your own project are missing src/app/Shared/Services/Product.service Not found.

React : ENOENT Error while trying to pulish on git pages

I've been trying to post my web app on Github pages but while building the app using the npm run deploy command this error keeps on popping. I'm new to react and can't seem to find what the problem is.the git path is added in env variables. I'm on windows. this is the snapshot of the error.
the deploy script
Try using npm run build and follow the instructions, after that a new folder will be created inside the root folder of your project, and that folder is a compression of your project, and the one you need to deploy on Github.

Azure bugs or am I using npm local packages and private packages hosted on github incorrectly?

bug #1) local packages
Created a test project "azure_test"
In folder "azure_test" ran the command "express --view=hbs app".
/azure_test/app as all the structure of an npm package, but is in a directory.
Essentially a local package.
in Azure_test/package.json is declare a dependency to this local package
"dependencies": {
"app": "./app"
}
a local package as per https://docs.npmjs.com/getting-started/packages
on my windows 10 machine, in folder /azure_test, I run "npm install", "npm start" and all works and expected.
save into github
In Azure, create an "App Service" and configure Azure to get source directly out of github
this fails. Log file at
https://purple01test.scm.azurewebsites.net/DebugConsole/?shell=powershell
contains the line
26 verbose git clone git://github.com/./app fatal: remote error:
If I remove all the dependencies out of /azure_test/app/package.json and copy these dependencies into /azure_test/package.json (ie: not using local package). Then all works on Azure, but I lose modularity of local packages (manually copy dependencies to the top level).
So am I using local packages incorrectly and it just happens to work in windows 10 or does Azure have a bug?
I made this test project public. It can be found at https://github.com/johngrabner/azure_test/
bug #2) private packages hosted in github
"dependencies": {
"purple_shared_enums_pic_pi": "git+https://github.com/johngrabner/purple_shared_enums_PIC_PI.git"
}
This also causes Azure to fail.
If the package hosted in github is public, Azure passed.
So bug #2 appears to be Azure fails to use the github password for dependencies.
I did some research and found that Docker / Kubernetes is probably a better choice for deployment. A number of courses and online video listed "no more, it works on my machine, but not in production".
You package your app in Docker, where you specify the exact OS, middleware, etc. Test on your machine. Then deploy this image to Azure, AWS, or Google. Kubernetes manages the spaning of these images.

Pushing custom node_module while deploying on heroku

I am trying to deploy my node-express website on heroku. Everything works fine, but just one problem.
I have used express-stormpath as a dependency in my project, which i have customized(the views only).
When I deploy this to heroku, using git push heroku master, the node_module is ignored while uploading and all the modules are installed by heroku itself using npm. So my customization to the node module is not reflected at heroku.
I have tried this also: npm install private github repositories by dependency in package.json
Any suggestions on how to upload whole project including the node_modules to heroku?
If you're using express-stormpath, you should not be customizing the views inside of node_modules -- this is the wrong way to do it. Instead you should be putting your custom views inside of your own 'views' folder, and telling express-stormpath where that file is.
Here's an example of a custom login view, for instance:
app.use(stormpath.init(app, {
loginView: __dirname + '/views/login.jade',
// ...
}));
If you take a look at the express-stormpath docs here: https://docs.stormpath.com/nodejs/express/product.html#update-template-paths (it shows you how to do this).
NOTE: I'm the author of express-stormpath and I randomly saw this question ^^ Hope this was helpful!

Resources