Travis
Estoy en cola de secuencias de comandos en un tema secundario con esto…
function child_theme_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/custom-child.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts' );
Pero recibo un error de sintaxis no detectado: token inesperado
Vale la pena mencionar que arroja este error cuando no tengo nada en mi custom-child.js o si pruebo con solo una alerta simple.
¿Alguna idea de por qué esto podría estar sucediendo?
Esto es lo que tengo el archivo JS …
alert('Yeah');
aquí está todo el HTML
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<link rel="pingback" href="https://stackoverflow.com/xmlrpc.php" />
<!--[if lt IE 9]>
<script src="/wp-content/themes/microphoto/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript">
document.documentElement.className="js";
</script>
<title>Home | MIcroPhoto</title>
<link rel="dns-prefetch" href="https://">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://s.w.org">
<link rel="alternate" type="application/rss+xml" title="MIcroPhoto » Feed" href="/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="MIcroPhoto » Comments Feed" href="/?feed=comments-rss2" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/\/microphoto\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.6"}};
!function(a,b,c){function d(a){var c,d,e,f,g,h=b.createElement("canvas"),i=h.getContext&&h.getContext("2d"),j=String.fromCharCode;if(!i||!i.fillText)return!1;switch(i.textBaseline="top",i.font="600 32px Arial",a){case"flag":return i.fillText(j(55356,56806,55356,56826),0,0),!(h.toDataURL().length<3e3)&&(i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,65039,8205,55356,57096),0,0),c=h.toDataURL(),i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,55356,57096),0,0),d=h.toDataURL(),c!==d);case"diversity":return i.fillText(j(55356,57221),0,0),e=i.getImageData(16,16,1,1).data,f=e[0]+","+e[1]+","+e[2]+","+e[3],i.fillText(j(55356,57221,55356,57343),0,0),e=i.getImageData(16,16,1,1).data,g=e[0]+","+e[1]+","+e[2]+","+e[3],f!==g;case"simple":return i.fillText(j(55357,56835),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode8":return i.fillText(j(55356,57135),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode9":return i.fillText(j(55358,56631),0,0),0!==i.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag","unicode8","diversity","unicode9"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<meta content="Microphoto v.1.0.0" name="generator"/><style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id='dashicons-css' href="http://stackoverflow.com/wp-includes/css/dashicons.min.css?ver=4.6" type="text/css" media="all" />
<link rel="stylesheet" id='admin-bar-css' href="http://stackoverflow.com/wp-includes/css/admin-bar.min.css?ver=4.6" type="text/css" media="all" />
<link rel="stylesheet" id='divi-fonts-css' href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="stylesheet" id='divi-style-css' href="http://stackoverflow.com/wp-content/themes/microphoto-child/style.css?ver=4.6" type="text/css" media="all" />
<link rel="stylesheet" id='et-shortcodes-css-css' href="http://stackoverflow.com/wp-content/themes/microphoto/epanel/shortcodes/css/shortcodes.css?ver=4.6" type="text/css" media="all" />
<link rel="stylesheet" id='et-shortcodes-responsive-css-css' href="http://stackoverflow.com/wp-content/themes/microphoto/epanel/shortcodes/css/shortcodes_responsive.css?ver=4.6" type="text/css" media="all" />
<link rel="stylesheet" id='magnific-popup-css' href="http://stackoverflow.com/wp-content/themes/microphoto/includes/builder/styles/magnific_popup.css?ver=4.6" type="text/css" media="all" />
<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
<link rel="https://api.w.org/" href="/?rest_route=/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://stackoverflow.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://stackoverflow.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.6" />
<link rel="canonical" href="/?page_id=1020" />
<link rel="shortlink" href="/?p=1020" />
<link rel="alternate" type="application/json+oembed" href="/?rest_route=%2Foembed%2F1.0%2Fembed&url=http%3A%2F%2F%2Fmicrophoto%2F%3Fpage_id%3D1020" />
<link rel="alternate" type="text/xml+oembed" href="/?rest_route=%2Foembed%2F1.0%2Fembed&url=http%3A%2F%2F%2Fmicrophoto%2F%3Fpage_id%3D1020&format=xml" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <style id="theme-customizer-css">
.nav li ul { border-color: #009ddc; }
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, .et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a, #et_search_icon:before, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info { color: #ffffff; }
.et_search_form_container input::-moz-placeholder { color: #ffffff; }
.et_search_form_container input::-webkit-input-placeholder { color: #ffffff; }
.et_search_form_container input:-ms-input-placeholder { color: #ffffff; }
#main-header .nav li ul a { color: #000000; }
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a,
.et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a,
.et_color_scheme_pink #top-menu li.current-menu-ancestor > a, .et_color_scheme_pink #top-menu li.current-menu-item > a,
.et_color_scheme_orange #top-menu li.current-menu-ancestor > a, .et_color_scheme_orange #top-menu li.current-menu-item > a,
.et_color_scheme_green #top-menu li.current-menu-ancestor > a, .et_color_scheme_green #top-menu li.current-menu-item > a { color: #ffffff; }
@media only screen and ( min-width: 981px ) {
.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container { height: 11.88px; }
.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info { color: #ffffff !important; }
.et-fixed-header .et_search_form_container input::-moz-placeholder { color: #ffffff !important; }
.et-fixed-header .et_search_form_container input::-webkit-input-placeholder { color: #ffffff !important; }
.et-fixed-header .et_search_form_container input:-ms-input-placeholder { color: #ffffff !important; }
.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu li.current-menu-item > a { color: #ffffff !important; }
}
@media only screen and ( min-width: 1350px) {
.et_pb_row { padding: 27px 0; }
.et_pb_section { padding: 54px 0; }
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { padding-top: 81px; }
.et_pb_section.et_pb_section_first { padding-top: inherit; }
.et_pb_fullwidth_section { padding: 0; }
}
@media only screen and ( max-width: 980px ) {
}
@media only screen and ( max-width: 767px ) {
}
</style>
<style id="module-customizer-css">
</style>
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
</head>
<body class="page page-id-1020 page-template-default logged-in admin-bar no-customize-support et_pb_button_helper_class et_fixed_nav et_show_nav et_cover_background et_pb_gutter osx et_pb_gutters3 et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_pb_footer_columns4 et_header_style_left et_pb_pagebuilder_layout et_right_sidebar chrome">
<div id="page-container">
<header id="main-header" data-height-onload="66">
<div class="container clearfix et_menu_container">
<div class="logo_container">
<span class="logo_helper"></span>
<a href="https://stackoverflow.com/">
<img src="/wp-content/uploads/2016/09/logo.png" alt="MIcroPhoto" id="logo" data-height-percentage="54" />
</a>
</div>
<div id="et-top-navigation" data-height="66" data-fixed-height="40">
<nav id="top-menu-nav">
<ul id="top-menu" class="nav"><li id="menu-item-958" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-958"><a href="/?page_id=950">Quotation</a>
<ul class="sub-menu">
<li id="menu-item-959" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-959"><a href="/?page_id=955">Rush Quotation Form</a></li>
<li id="menu-item-960" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-960"><a href="/?page_id=39">Quotation Form</a></li>
<li id="menu-item-961" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-961"><a href="/?page_id=72">Terms & Conditions</a></li>
<li id="menu-item-962" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-962"><a href="/?page_id=122">Quotation Request Received</a></li>
</ul>
</li>
<li id="menu-item-963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-963"><a href="/?page_id=951">Services</a>
<ul class="sub-menu">
<li id="menu-item-964" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-964"><a href="/?page_id=44">Photochemical Machining</a></li>
<li id="menu-item-965" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-965"><a href="/?page_id=46">Stamping</a></li>
<li id="menu-item-966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-966"><a href="/?page_id=49">Laser Cutting</a></li>
<li id="menu-item-967" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-967"><a href="/?page_id=51">Wire E.D.M.</a></li>
<li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-968"><a href="/?page_id=53">Heat Treating</a></li>
<li id="menu-item-969" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-969"><a href="/?page_id=55">Plating</a></li>
<li id="menu-item-970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-970"><a href="/?page_id=57">Non-Destructive Testing</a></li>
<li id="menu-item-971" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-971"><a href="/?page_id=142">Metal Thickness Reduction</a></li>
<li id="menu-item-972" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-972"><a href="/?page_id=144">Edge / Surface Finishing</a></li>
<li id="menu-item-973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-973"><a href="/?page_id=59">Special Projects</a></li>
<li id="menu-item-974" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-974"><a href="/?page_id=522">Die Blank Development Service</a></li>
<li id="menu-item-975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-975"><a href="/?page_id=535">Comparator Charts</a></li>
</ul>
</li>
<li id="menu-item-976" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-976"><a href="/?page_id=952">Gallery</a>
<ul class="sub-menu">
<li id="menu-item-977" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-977"><a href="/?page_id=63">Customer Photos</a></li>
</ul>
</li>
<li id="menu-item-978" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-978"><a href="/?page_id=219">News/Media</a></li>
<li id="menu-item-979" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-979"><a href="/?page_id=953">About Us</a>
<ul class="sub-menu">
<li id="menu-item-980" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-980"><a href="/?page_id=79">Customer Testimonials</a></li>
<li id="menu-item-981" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-981"><a href="/?page_id=81">Certifications & Approvals</a></li>
<li id="menu-item-982" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-982"><a href="/?page_id=77">Industries We Serve</a></li>
<li id="menu-item-983" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-983"><a href="/?page_id=84">Site Map</a></li>
<li id="menu-item-984" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-984"><a href="/?page_id=702">Privacy Policy</a></li>
</ul>
</li>
<li id="menu-item-985" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-985"><a href="/?page_id=954">Contacts</a>
<ul class="sub-menu">
<li id="menu-item-986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-986"><a href="/?page_id=86">Microphoto Contacts</a></li>
</ul>
</li>
</ul> </nav>
<div id="et_mobile_nav_menu">
<div class="mobile_nav closed">
<span class="select_page">Select Page</span>
<span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
</div>
</div> </div> <!-- #et-top-navigation -->
</div> <!-- .container -->
<div class="et_search_outer">
<div class="container et_search_form_container">
<form role="search" method="get" class="et-search-form" action="https://stackoverflow.com/">
<input type="search" class="et-search-field" placeholder="Search …" value="" name="s" title="Search for:" /> </form>
<span class="et_close_search_field"></span>
</div>
</div>
</header> <!-- #main-header -->
<div id="et-main-area">
<div id="main-content">
<article id="post-1020" class="post-1020 page type-page status-publish hentry">
<div class="entry-content">
<div class="et_pb_section et_pb_fullwidth_section et_pb_section_0 et_section_regular">
<div class="et_pb_fullwidth_code et_pb_module et_pb_fullwidth_code_0">
<div class="banner" style="height:300px;"> <!– begin slider content –> <div class="slider_content"> <!– begin slider items –> <div id="slideshow" class="sliders_full" style="position: relative; width: 1361px; height: 300px;"> <div class="slider_item" id="slider1" style="height: 300px; position: absolute; top: 0px; left: 0px; display: none; z-index: 10; opacity: 0; width: 1361px;"></div> </div> <!– end slider items –> </div> <!– end slider content –> <!– begin slider buttons –> <div class="slider_nav" style="top:115px;"> <div id="nav"> <div id="recentimages_xpos"> <ul id="recentimages"> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages selected"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> <li class="recentimages"><div class="hover"></div></li> </ul> </div> </div> </div> <!– end slider buttons –> </div>
</div> <!-- .et_pb_fullwidth_code -->
</div> <!-- .et_pb_section -->
</div> <!-- .entry-content -->
</article> <!-- .et_pb_post -->
</div> <!-- #main-content -->
<footer id="main-footer">
<div id="footer-bottom">
<div class="container clearfix">
<ul class="et-social-icons">
<li class="et-social-icon et-social-facebook">
<a href="#" class="icon">
<span>Facebook</span>
</a>
</li>
<li class="et-social-icon et-social-twitter">
<a href="#" class="icon">
<span>Twitter</span>
</a>
</li>
<li class="et-social-icon et-social-google-plus">
<a href="#" class="icon">
<span>Google</span>
</a>
</li>
<li class="et-social-icon et-social-rss">
<a href="/?feed=rss2" class="icon">
<span>RSS</span>
</a>
</li>
</ul>
<p id="footer-info">Designed by <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a> | Powered by <a href="http://www.wordpress.org">WordPress</a></p>
</div> <!-- .container -->
</div>
</footer> <!-- #main-footer -->
</div> <!-- #et-main-area -->
</div> <!-- #page-container -->
<script type="text/javascript" src="/wp-includes/js/admin-bar.min.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/frontend-builder-global-functions.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/jquery.mobile.custom.min.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/js/custom.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/jquery.fitvids.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/waypoints.min.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/jquery.magnific-popup.js?ver=4.6"></script>
<script type="text/javascript">
/* <![CDATA[ */
var et_pb_custom = {"ajaxurl":"http:\/\/\/microphoto\/wp-admin\/admin-ajax.php","images_uri":"http:\/\/\/microphoto\/wp-content\/themes\/microphoto\/images","builder_images_uri":"http:\/\/\/microphoto\/wp-content\/themes\/microphoto\/includes\/builder\/images","et_frontend_nonce":"13541fcbf1","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"6e7121ae3a","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","is_builder_plugin_used":"","is_divi_theme_used":"1","widget_search_selector":".widget_search","is_ab_testing_active":"","page_id":"1020","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":""};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/microphoto/includes/builder/scripts/frontend-builder-scripts.js?ver=4.6"></script>
<script type="text/javascript" src="/wp-includes/js/wp-embed.min.js?ver=4.6"></script>
<script type="text/javascript">
(function() {
var request, b = document.body, c="className", cs="customize-support", rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
</body>
</html>
¡Gracias!
Uncaught SyntaxError: Unexpected token < esencialmente significa un 404 ya que la ruta que ha definido en su segundo argumento no es válida.
WordPress documentación nota que get_template_directory_uri() devuelve la raíz del tema sin una barra diagonal final.
Digamos que tengo un tema llamado Campos verdes y quiero cargar main.js con wp_enqueue_script. El árbol de mi tema se parece a esto:
greenfields
|_comments.php
|_footer.php
|_functions.php
|_inc
| |_customizer.php
|_page.php
|_single.php
|_src
| |_css
| | |_custom.scss
| |_js
| | |_main.js
|_style.css
Y digamos que no estoy prestando atención, así que me registro y pongo en cola mi script de esta manera:
<?php
function loadJs() {
wp_register_script(
'main',
get_template_directory_uri() . '/js/main.js',
array('jquery'),
null,
false
);
wp_enqueue_script('main');
}
add_action("wp_enqueue_scripts", "loadJs");
?>
Cuando actualice mi página, obtendré el error del que estamos hablando.
Sin embargo, si abro el La red pestaña en el inspector de Chrome, resalte main.js y haga clic en EncabezadosVeo esto:
Aunque recibo un código de estado 200 para el GET pedido realizado en http://localhost:8080/wp-content/themes/greenfields/js/main.jsesta ruta es incorrecta.
El camino correcto es http://localhost:8080/wp-content/themes/greenfields/src/js/main.js (para que conste, no sé por qué obtengo un 200 cuando la ruta claramente no es válida).
Una vez que reviso el segundo argumento con get_template_directory_uri() . '/src/js/main.js'no hay ningún error y mi archivo js se carga como se esperaba.
Creo que el comentario anterior de Rory McCrossan probablemente sea correcto. los < es HTML proveniente de una página 404 y dado que el código espera ejecutar JavaScript, arroja un error.
Aunque su problema particular es tratar con un tema secundario y su sintaxis es ligeramente diferente del ejemplo que he dado, el problema es el mismo: su ruta es incorrecta.
Dado que estoy publicando esto casi 2 años después de que hizo la pregunta, probablemente ya lo haya descubierto, pero espero que otros encuentren útil esta respuesta.
Para temas secundarios, use get_stylesheet_directory_uri()
Cuando un tema hijo llama get_template_directory_uri() devuelve el directorio del tema principal. Dado que ese no es el objetivo .js se encuentra el archivo, hace que se produzca el error “Token inesperado”.
En su lugar, para obtener el uso del directorio del tema secundario get_stylesheet_directory_uri()
Por lo tanto, su código debe ser:
function child_theme_scripts() {
wp_enqueue_script( 'script-name', get_stylesheet_directory_uri() . '/js/custom-child.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts' );
-
¡Esto funcionó! Gracias. Estaba trabajando en el tema infantil.
– Saad Abbasi
25 de enero a las 15:27
Después de examinar su código html, es posible que sus comentarios en el código estén causando el error. Mira este:
Tiene varios comentarios de código que están mal:
<!– end slider items –>
debiera ser
<!–- end slider items -->
Espero que esto solucione el problema.
¿Ha sido útil esta solución?
Tu feedback nos ayuda a saber si la solución es correcta y está funcionando. De esta manera podemos revisar y corregir el contenido.
El error generalmente significa que está devolviendo HTML cuando está esperando Javascript. ¿Por qué tienes un tipo de documento en un archivo JS? Podría ser que estés viendo el HTML de una página de error (como un 404), en cuyo caso verifica que tu URL sea correcta.
–Rory McCrossan
6 sep 2016 a las 14:56
Estás ahora que estoy mirando la consola un poco más de cerca que piensa que mi página de índice es JS. Pero ¿por qué pensaría eso? Si elimino la cola y solo incluyo el archivo JS directamente en footer.php, obtengo el mismo error.
– Travis
06/09/2016 a las 15:00
Después de get_template_directory_uri() debería ser “,” en lugar de “.”
– Marco Vilete
06/09/2016 a las 15:02
@MarcusVilete no, . es completamente correcto + es para JS pero esto es PHP… Travis, ¿puedes publicar el código fuente HTML para que podamos verificar qué sucede?
– Adrián Lambertz
6 sep 2016 a las 15:48
Mh, eso no lo aclara… ¿puedes publicar el HTML? Sé que es largo pero necesitamos más información 🙂
– Adrián Lambertz
6 sep 2016 a las 16:04