ScrollMagic in Glitch - javascript

I am trying to use scroll magic in my project on glitch server hosting. My project is setup with express.js and I have to import all packages through a package.json file and I am writing the scroll magic code in the HBS file.
and here is my HBS file at the bottom the console.log test works just fine
I have tried so many things and I cant get it to work I have tried downgrading, debugging, and linking all sorts of different packages, I have tried ChatGBT and googling I really have tried for hours. any help would be great thank you

Related

react app published on github pages shows white screen

I have a React.js app, I built this simple meme generator app trying to learn web development (pretty new to the stuff) and am trying to host it using Github pages. I followed all the steps like installing the gh-pages with node and adding the url to the packages.json and adding the extra 2 lines of code for predeploy and deploy. I have the source for the github pages set to gh-pages. i get no errors when I run the command "npm run deploy" in terminal. But when I click the link I get a white screen. The console gives the error "Loading failed for the with source “https://z0onic.github.io/static/js/2.0b197680.chunk.js”. which is the first js file in the build directory. I searched pretty heavily and found other people who had a similar white screen issue but none of the answers helped. I have triple checked against these answers. Based on the error I'm getting I think its a build error but I don't know how to fix it or figure out exactly what is going wrong.
The github repository is at https://github.com/z0onic/meme-page and the link to the blank page that should be the hosted app is https://z0onic.github.io/meme-page/
when hosting locally through vs code with "npm start" command everything works fine.
Any help is appreciated I hope I'm not overlooking something silly but like I said I'm new to coding and still learning.
set the homepage in package.json to "https://<username>.github.io/<reponame>/" of course substituting things in <>

I can't seem to import the adecuate modules in my .ts proyect

I've been trying to complite a github proyect and as there where no clear instructions, I went whit the code and what I saw. I went pretty far but go stuck in my current problem, I can't seem to import some modules that the program requires me to have.
The git is:"https://github.com/ottomated/turtle-gambit"
In the index file for example i can't seem to import ws, carlo or path, Even though I've tryed using npm install 'previous names'. I would be very gratefull if anyone could help me figure this out. The rest of the info about this code I've got came from this video of the creator making it:"https://www.youtube.com/watch?v=pwKRbsDbxqc&t"

Issues with webpack.config

I created a small project using scrimba.com. It works fine on scrimba's browser, but when I downloaded it and tried to open it on Chrome it doesn't work (or Firefox or GitHub Pages).
The error goes as follows: .../script.pack.js net::ERR_FILE_NOT_FOUND, so I figured it has to do with my script src="script.pack.js", but can't make it work nor did I found a solution. I am new to coding and would appreciate a hand. Below are screenshots of the following files:
index.html
package.json
webpack.conf.js

Meteor integrating bought theme/js freezes meteor server

I have a bought One ui theme that I'm trying to integrate into Meteor.
I have browsed stack overflow for the solution for hours and I'm stuck.
I have copied the complete assets folder into a newly made imports directory on the client side and tried to use import on the client main.js to import the modules I need. The problem with this is that when I run the server with meteor --port xxxx it hangs up on building web application and just freezes.
I have also tried putting it in a client/compatibility folder for the javascript and it doesn't seem to work.
Does anyone have any insight into this?
For the static html I just created a new template with the html and that worked.
Client/lib is where you put your JS libraries.
rootproject/public is where you put your static assets(images/fonts).
Look for packages on atmosphere.js and check if they are compatible with what you're trying to do. This is the most confusing step because the package names will not exactly be the same as the third party js libs. Trial and error.
Any third party js files you can't find on atmosphere.js you dump the js files in client/lib.

JavaScript Works in Development, Not in Production (Heroku)

So I just pushed an app to Heroku, and JavaScript and jQuery are not working for me.
Have looked at a bunch of solutions for this but none seem to be work.
I have precompiled my assets, and I can see in Firebug that some of the functions I have declared in some of my js files in the assets folder are loading but some are not.
Edit: Just added a very simple alert function which works just fine.
Images are loading fine, styles are loading fine. Have rails_12factor gem and have run bundle exec rake assets:precompile. Can anyone point me in the right direction in terms of debugging?
So, I was getting this error;
'undefined' is not an object (evaluating 'f.msie')
which was resulting from one of the plugins using $.browser which has since been removed.
Installed jQuery migrate gem, re-pushed code, all jQuery and javascript now works.
Thanks to anyone who took the time to look this over.

Categories

Resources