Setting wp_enqueue_script correctly

Question

I am trying to include my own scripts in a child theme I set up.

I have the following in functions.php:

function custom_scripts() {
    wp_enqueue_script('custom_js', get_stylesheet_directory_uri() . 'custom_js.js', array('jquery'), '1.0.0', false );
}

add_action( 'wp_enqueue_scripts', 'child_theme_configurator_css', 'custom_scripts', 10 );

but for some reason it isn't showing up in the scripts area within the page source.

I tried placing the custom_js.js file in the following paths:

/custom_js.js (root)
/wp-includes/js/custom_js.js 
/wp-content/themes/oceanwp-child/custom_js.js

but haven't had any luck. Any help would be appreciated.

Answer 1

Your add_action has incorrect parameters. Use this code

add_action( 'wp_enqueue_scripts', 'custom_scripts', 10 );

Also, you must prefix filename with /, so correct function code is

function custom_scripts() {
    wp_enqueue_script('custom_js', get_stylesheet_directory_uri() . '/custom_js.js', array('jquery'), '1.0.0', false );
}