Javascript not showing up on GitHub Pages [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 months ago.
This post was edited and submitted for review 4 months ago and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
I'm new to web development.
I made a website using HTML, CSS, and JavaScript and uploaded it to GitHub Pages. My JavaScript doesn't work there.
When running on my localhost, everything works fine, but on GitHub pages the javascript simply does not show up on my HTML page. If you check the IMPORTANTE_LER.md file, there's a youtube video on how it looks on localhost.
My repo: https://github.com/maruan-achkar/N2PAC_NEW
Console errors:

Probably the way you included your JS file path breaks in Github Pages because it can't find the file so adding a "./something.js" to your include might fix it.
<script src="./something.js" type="module"></script>

Related

Wrong order of javascript execution [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 days ago.
The community is reviewing whether to reopen this question as of 11 days ago.
Improve this question
I'm stuck with an interesting issue of executing different blocks on a website. I've never seen such an issue. In theory code in the blocks should run in the order of appearing in the html code, but it my case it doesn't. To simplify the case:
I have a tag in the which defines a javascript object of data:
<script> var settings = {......};</script>
Just before the tag I load my external javascript file deferred:
<script src="myfile.js" defer></script>
In that file I have the logic using the "settings" object.
When that object is large enough I'm getting am error saying "settings is undefined", otherwise it works fine.
I put "alert" messages into the first script block and into the external javascript file.
I expected the alert message from the head block first, then from the external file, but surprisingly they showed the other way.

Problem in loading CSS of the website in localhost [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I copied src code of one react project to another new one, and while doing so, all the code works fine in the browser but all the CSS works seems to vanish! There's no styling shown in the website.
I noticed that the config and scripts folder is not there in my new project which is in create-react-app
I also faced the same issue and what I did is copied all the CSS files in the public folder.
Maybe CSS defined in public/index.html and you forgot to copy this file
Maybe project was eject and some important changes are exist in config file to call and use CSS

Scraping Script Not Working Properly On Heroku, But Works On VsCode? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm trying to make a simple products scraping app, When I Start The Server On VsCode It Works Fine, But On Heroku It Only Scrapes The First Product And Blocks There, Please See The Photos, I'm Open To Any Suggestions.
image of it working on vsCode
image of it working on Heroku
Note: I had the same problem on vs code before (the same project) and solved it but it's not working on heroku. The problem was that an await never returns anything it just blocks the code so the server stays on that line forever.
I dont think the problem is in heroku, maybe you need to add catching errors in your application, and see what cases the trouble.

Chrome inline extension installation error [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I am getting following error when i try to install Chrome extension:
extensions::webstore:34 Uncaught Chrome Web Store installations can only be started by the top frame.
I think the error is pretty self-explanatory.
The code you're using to initiate chrome.webstore.install() is running in a document that's not the top one (i.e. is an iframe inside another document).
This is not allowed. It has to be a top document for inline installation to start.

AngularJS Directive not rendering [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm going through the codecademy.com AngularJS course and have gotten stuck on the Bolt Network 2 project. I've narrowed the issue down to that for some reason when Angular run it does not insert html/js for the directive program-listing. I have dumped the code on github here: https://github.com/MichaelLeeHobbs/boltnetwork2
I have gone over ever line at least a 3-4 times and have compared it very closely to the App Market project. Whatever mistake I have made I cannot find it. :( On a side not what tools would you use to debug this? Chrome Dev Tools are not showing any errors :(
Thanks in advance!
change:
app.directive('program-listing', function() {
to:
app.directive('programListing', function() {
Angular changes the name internally. So you will name your directive cammel cased and use hyphens on the html

Categories