Loading my main.js file from my child theme

On line 18 of your child theme’s functions.php you are enqueuing main.js with get_template_directory_uri(). That function is returning the path to you’re parent theme. Try replacing it with get_stylesheet_directory_uri(), which will return the path to your child theme’s root directory.

I can’t blame you for not realizing the difference though. The developer.wordpress.org entry for get_template_directory_uri() is pretty sparse on details. The codex.wordpress.org entry for get_template_directory is much clearer and the two functions are closely related (the former returns a url, the latter returns a filesystem path) so you can infer what one does from the other.

From the codex entry for get_template_directory:

Retrieves the absolute path (eg: /home/user/public_html/wp-content/themes/my_theme) to the directory of the current theme.

If a child theme is being used, the absolute path to the parent theme directory will be returned. Use get_stylesheet_directory() to get the absolute path to the child theme directory.

Also, in the future, please try to copy and paste the code into the questions body instead of screenshoting it; it makes it easier for us to copy, edit and answer 🙂

Related Posts:

  1. How do themes provide support for child themes?
  2. Preserving theme settings in child theme
  3. Is it possible to make grandchild themes?
  4. Cannot get Child Theme to load latest version of style.css
  5. Issues enqueueing parent & child theme stylesheets with revised Codex method
  6. Why is the Child Theme Stylesheet Not Loading?
  7. get_parent_theme_file_path vs. get_template_directory
  8. Child theme does not overwrite parent themes style.css
  9. How to use parent theme’s enqueue methods
  10. How do I override a parent theme’s language files with a child theme?
  11. Do all files in child theme override the parent?
  12. How to solve “Warning: Use of undefined constant” when overriding a parent theme function in the child theme?
  13. get_template_directory vs get_stylesheet_directory
  14. Developing a childtheme, how to disable the parents templates?
  15. Under heavy cache conditions, updating the parent theme don’t reflect changes with child theme enabled
  16. When activating a child theme, what core settings have to be reset ie; Custom Menus etc?
  17. Hwo to turn off “get_parent_theme_file_path” in child-theme?
  18. Overriding parent theme file
  19. How can I make new .css file in child theme override styles in child theme’s style.css
  20. Enqueue more than two CSS styles in a child theme functions.php
  21. Overiding functions.php with child-theme
  22. How are updates to the style.css file in child theme recognized?
  23. How do I set up a child-theme without using @import
  24. How to change default header image dimensions in twentyfourteen child theme?
  25. Overwrite CSS with without deleting it
  26. Adding or modifying in files of parent theme via child’s function.php
  27. Child theme implementation issues
  28. Child themes & updates?
  29. Where to put custom PHP files in a child theme?
  30. Child Theme Path Being Ignored With wp_enqueue_scripts
  31. Why is “get_template_directory_uri” pointing to child theme?
  32. ERROR MESSAGE: Missing index.php—Child Theme
  33. How to make child theme ignore a parent themes template
  34. Conditionally load child themes
  35. Is my child theme working properly
  36. Child theme style repeated
  37. bbpress change the word forum, topic, reply in the forum to another word I choose
  38. Overriding a parent theme folder in the child theme
  39. How to NOT call Font Awesome or font icons in WordPress
  40. How do I override a sidebar that is registered in a parent theme when using a child theme?
  41. PHP loop that selects posts with a particular in-post option
  42. Child Theme Translations with PoEdit
  43. Specific custom child theme page
  44. WordPress Child theme’s css not loading
  45. Someone created a child theme, but I need to modify it to reorder content. How do I access the child theme?
  46. Child theme works in local environment but is not working on remote
  47. Tesseract child theme loads slow [closed]
  48. Confused about how to use wp_enqueue_style
  49. How to use custom stylesheet only for a template in child theme
  50. Order of stylesheets in child theme
  51. Localize strings for translation
  52. Add head and body function for google tag manager in child theme
  53. Creating a child theme from Twenty Seventeen
  54. Child theme does not load all style
  55. Adding a title below the logo
  56. Can I add customizer sections in the Twenty Seventeen theme?
  57. How to create a parent theme for accesspress parallax theme?
  58. Child theme not overriding ‘includes’ folder on server – on localhost it does
  59. How to add anchor tag at the top of posts, past the header and nav bar?
  60. changing parent theme into child theme
  61. How to override parent theme template files?
  62. How Child Themes Directory works for plugins?
  63. Link featured image to post
  64. Modify a parent theme’s PHP file, and save in child theme
  65. What are the best practices for maintaining and deploying several parent themes?
  66. Getting a list of the PHP files included to generate a page
  67. Show full post in category archive pages in twenty-nineteen theme
  68. Child theme not importing parent styles
  69. is it possible to add new template in theme twenty seventeen?
  70. Updating my WordPress.org version will cause my site to break… What can I do to avoid this?
  71. style.css of child theme is not overwriting parents style.css for .box
  72. Referencing parent theme image from child theme
  73. Override file in parent theme
  74. disable jscrollpane in specfic div [closed]
  75. Twenty ten or Twenty eleven as base for responsive child theme
  76. Can’t seem to get javascript code working from child theme
  77. Change templates in a child theme
  78. template_include doesn’t work with child theme
  79. Remove Stylesheet by URL that has not been enqueued
  80. Swap SVG icons in child themes
  81. How to fix error message to edit sidebar widget text on a livesite childtheme?
  82. Best practice when a theme already has a parent theme (so can’t create child theme)
  83. Child Theme Can’t Find Parent In a Folder
  84. Problems with child theme
  85. menu, header and footer is not shown in the appearance after creating the child theme
  86. how to fix loading scripts in child theme?
  87. Calling Category name without the link
  88. child theme showing all this extra information for following lines
  89. When I change some content in function of template-tags file in inc folder then its not working and show same as loke before
  90. Is it possible to slow down site with a bulky child theme?
  91. Installation directory for WordPress and child theme
  92. How to include only modifications in child theme?
  93. What are some best practices for switching the child theme for a production site?
  94. Child Theme > Template
  95. Edit php files in subdirs in a child theme
  96. wordpress every page returning 500 error
  97. How to add modified php in child theme?
  98. WordPress | enqueue_scripts in a child’s theme returns error
  99. How to create my own style.css file in an wordpress child-theme
  100. Child theme css not loading when declared in parent functions