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 6 years ago.
Improve this question
I'm building a project in React and Javascript, and I'm building with Browserify and Babelify, outputting a bundle.js file. When I run index.html locally, everything like Bootstrap, fonts, and CSS files are loaded properly. But after submitting it to Github Pages onto my custom domain, everything's messed up - images are everywhere, no formatting, Bootstrap is clearly not loaded. I'm assuming the file path got messed up, but why?
<head>
<link rel="stylesheet" href="./src/stylesheet/style.scss"> # The path only works locally
</head>
<body>
<div id="app"></div>
<script src="./bundle.js"></script>
</body>
Related
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>
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
Hello fellow coders I have a website I'm making for a friend and I when I made it and opened it from the html file it looks perfectly normal. When I uploaded it to his web server the footer became white and the sites listed were vertical instead of horizontal.
Here is what I have tried:
Going on Microsoft edge worked but I use chrome and chrome doesn't show it like that!
Uploading it again.
Here is the code and html errors on website:
http://www.mediafire.com/file/kp9iihyjv120oi8/WEBSTIE.zip/file
Here is what the website looks like on the domain
Here is what it looks like when I open the html file
Thank you!
This is very simple, instead of download bootstrap files just add two lines.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
this is the link to more options
https://getbootstrap.com/docs/4.5/getting-started/download/
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
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I am a newbie-ish to coding. I need to install the Owl Carousel 2 on Blogspot. It's normally designed to be installed on a Wordpress or other site where you can host folders and scripts.
https://owlcarousel2.github.io/OwlCarousel2/
How can I install this on a Blogger blog? I have seen it done before but can't find a tutorial to save my life.
Just get the links to the Javascript and CSS files you need (if you want/need Images and style also) and place then in the head Portion of your Theme.
details what you need can be found in the FAQ of owl.carousel.js (https://owlcarousel2.github.io/OwlCarousel2/docs/started-installation.html).
Here some information form google how to change the theme (https://support.google.com/blogger/answer/1227173?hl=en&ref_topic=6321969)
Disclaimer: for the example I used the first CDN- Provider, that the google search returned.
You should select the Version you need(I include jQuery, just in case your theme doesn't include it):
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
I created a short Blogpost covering the answer in a bit more detail, I hope this helps https://leesflamelayout.blogspot.co.at/2017/08/how-add-custom-javascript-libraries.html
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I'm new to JavaScript and was wondering how you install the backbone framework so that you can use it with javascript.
JOPLOmacedo’s first comment contains the essential answer, but I’ll elaborate it a bit:
Download jquery.js from the jQuery site, underscore.js from the Underscore.js site, and
Backbone.js from the Backbone.js site. Use the “development versions” first, as this may help you in debugging. You can place the .js files in the same folder as your own test files, to keep things simple. (Later, you will find it better to place them in a separate folder.
In your HTML code, write (e.g. after all content, right before the end tag <body> if you use one:
<script src="jquery.js"></script>
<script src="underscore.js"></script>
<script src="backbone.js"></script>
<script>
// Your own JavaScript code here
</script>
This should get you started. You can use e.g. the relatively simple Hello world code in the Hello Backbone.js tutorial to check that the installation is OK, before working on your own code. (The tutorial uses remotely hosted versions of the .js file, which is another possibility.)