th0j / backpacker Goto Github PK

User can follow another users

Hey gang!

I checked out the project and am really exited about contributing but ran into problems with webpack. Has anyone else seen anything similar when trying to run the project?

./bin/webpack-dev-server
 10% building modules 2/2 modules 0 active
Project is running at http://localhost:3035/
webpack output is served from http://localhost:8080/packs/
Content not from webpack is served from /*****/backpacker/public/packs
404s will fallback to /index.html
 78% advanced chunk optimization/********/Projects/backpacker/node_modules/@rails/webpacker/node_modules/extract-text-webpack-plugin/dist/index.js:188
            chunk.sortModules();
                  ^

TypeError: chunk.sortModules is not a function``` 

Using scrollreveal in my project under main.js but getting error: Error: 'ScrollReveal' is not defined.[no-undef]

Code:
// JavaScript Document
//select element function
/eslint-env es6/

const selectElement = function (element)
{
return document.querySelector(element);
};

let menuToggler = selectElement('.menu-toggle');
let body = selectElement('body');

menuToggler.addEventListener('click', function() {
body.classList.toggle('open');
});

//Scroll reveal
$(document).ready(function() {
window.sr = ScrollReveal({ reset: true });

sr.reveal('.animate-left', {
origin: 'left',
duration: 1000,
distance: '25rem',
delay: 300
});

sr.reveal('.animate-right', {
origin: 'right',
duration: 1000,
distance: '25rem',
delay: 600
});

sr.reveal('.animate-top', {
origin: 'top',
duration: 1000,
distance: '25rem',
delay: 600
});

sr.reveal('.animate-bottom', {
origin: 'bottom',
duration: 1000,
distance: '25rem',
delay: 600
});
});

Please guide how to fix it.. called the main.js as script just before of the website

I want to improve homepage better

User can find trips

Feature users can post trips

I'm getting a couple JavaScript console errors when I run the app locally: