ReferenceError: _ 未定义答案

【问题标题】：ReferenceError: _ is not definedReferenceError: _ 未定义
【发布时间】：2017-04-10 21:47:16
【问题描述】：

我正在使用基于 jQuery 的 WordPress Twitter 小部件并收到错误“ReferenceError: _ is not defined”。

不确定如何声明变量“_”。

这是小部件：

<script type="text/javascript">
    <!--//--><![CDATA[//><!--

        function twitterCallback2(twitters) {

            var statusHTML = [];
            for (var i=0; i<twitters.length; i++){
                var username = twitters[i].user.screen_name;
                var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
                    return '<a href="'+url+'">'+url+'</a>';
                }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
                    return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
                });
                statusHTML.push( '\
                <li class="tweet">\
                    <span class="content">'+status+'\
                    <a style="font-size:85%" class="time" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">('+relative_time(twitters[i].created_at)+')</a></span>\
                <div class="clearfix"></div></li>' );
          }
          document.getElementById('twitter_update_list_<?php echo $unique_id; ?>').innerHTML = statusHTML.join('');

          var template = '\
            <span class="author">\
                <img src="<%= user.profile_image_url %>">&nbsp;\
                <a class="username" href="http://twitter.com/<%= user.screen_name %>">\
                    <strong><%= user.screen_name %></strong>\
                </a>\
            </span>';
          jQuery( _.template( template, { user: twitters[0].user } )).insertAfter('.bizsteam_twitter ul');
        }

        function relative_time(time_value) {
          var values = time_value.split( " " );
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          delta = delta + (relative_to.getTimezoneOffset() * 60);

          if (delta < 60) {
            return 'less than a minute ago';
          } else if(delta < 120) {
            return 'about a minute ago';
          } else if(delta < (60*60)) {
            return (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (120*60)) {
            return 'about an hour ago';
          } else if(delta < (24*60*60)) {
            return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
            return '1 day ago';
          } else {
            return (parseInt(delta / 86400)).toString() + ' days ago';
          }
        }
    //-->!]]>

    </script>
    <?php
        if($exclude_replies != ''){ $exclude_replies_str = '&amp;exclude_replies='.$exclude_replies; } else { $exclude_replies_str = ''; }
    ?>
    <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/<?php echo $twitter_username; ?>.json?callback=twitterCallback2&amp;count=<?php echo $twitter_count; ?>&amp;include_rts=t<?php echo $exclude_replies_str; ?>"></script>

Firebug 指出出现错误的代码行是：

jQuery( _.template( template, { user: twitters[0].user } )).insertAfter('.bizsteam_twitter ul');

任何帮助将不胜感激

【问题讨论】：

插件可能依赖underscore library

标签： javascript jquery

【解决方案1】：

您的小部件具有 Underscore.js/LoDash.js 作为依赖项。

您可以在这里获取它们：underscore、lodash

尝试将此添加到您的代码中，以便您查看它是否有效：

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>

【讨论】：

谢谢斯蒂芬。就是这样，添加了 JavaScript Underscore.js 库并修复了问题。
没问题，Stackoverflow 让我等了 10 分钟才能将问题标记为已回答。
遇到了同样的问题，这是/assets/javascripts 中的命名空间问题。它在一个命名空间的 .js 文件中是必需的，而不是另一个。谢谢@StephanBönnemann！
谢谢！！完美的解决方案，我添加了 lodash.js 并修复了我的问题。

【解决方案2】：

我在网站的 wp-admin 部分遇到了同样的问题。我将下划线脚本 cdn 加入队列，它解决了问题。

function kk_admin_scripts() {
    wp_enqueue_script('underscore', '//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js' );
}
add_action( 'admin_enqueue_scripts', 'kk_admin_scripts' );

【讨论】：

【解决方案3】：

您可以通过凉亭安装它：

Node.js npm install underscore
Meteor.js meteor add underscore
Require.js require(["underscore"], ...
Bower bower install underscore
Component component install jashkenas/underscore

这里是官方页面的链接http://underscorejs.org/

【讨论】：