how to fix loading scripts in child theme?

I am trying to integrate an animation in my WordPress home page, for this I am trying to load scripts from “skrollr” library, but my styles and scripts don’t load.

this is the code I added is function.php in the child theme:

function add_scripts() {
   wp_enqueue_style( 'main', get_stylesheet_directory_uri() . '/images/main.css' );
   wp_enqueue_script( 'skrollr', get_template_directory_uri() . '/js/skrollr.min.js', '', '', false);
}
add_action ('wp_enqueue_scripts', 'add_scripts');

and these are the errors that I get from the console: