Can not add string to underscore template using knockout

[DanielRuf]

Preconditions

1. Magento 2.4-develop

Steps to reproduce

1. create custom theme based on Luma
2. extend Magento_Theme/frontend/web/templates/breadcrumbs.html
3. add string to breadcrumbs.html using knockout

<ul class="items">
    <!-- ko i18n: 'You are here:' --><!-- /ko -->
    <% _.each(breadcrumbs, function(crumb) { %>
        <li class="item <%- crumb.name %>">
            <% if (crumb.link) { %>
            <a href="<%= crumb.link %>" title="<%- crumb.title %>"><%- crumb.label %></a>
            <% } else if (crumb.last) { %>
            <strong><%- crumb.label %></strong>
            <% } else { %>
            <%- crumb.label %>
            <% } %>
        </li>
    <% }); %>
    </ul>

Expected result

1. the string "You are here:"
   

Actual result

1. No string shown
   

[magento-engcom-team]

Hi @DanielRuf. Thank you for your report.
To help us process this issue please make sure that you provided the following information:

• Summary of the issue
• Information on your environment
• Steps to reproduce
• Expected and actual results

Please make sure that the issue is reproducible on the vanilla Magento instance following Steps to reproduce. To deploy vanilla Magento instance on our environment, please, add a comment to the issue:

@magento-engcom-team give me {$VERSION} instance

where {$VERSION} is version tags (starting from 2.2.0+) or develop branches (2.2-develop +).
For more details, please, review the Magento Contributor Assistant documentation.

@DanielRuf do you confirm that you was able to reproduce the issue on vanilla Magento instance following steps to reproduce?

• yes
• no

[DanielRuf]

It seems only <%= jQuery.mage.__('You are here:') %> works. <%= $.mage.__('You are here:') %> does not.

Hi @DanielRuf I'm not able to reproduce by following steps you described, in my case i ovveride
breadcrumbs.phtml with this code

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

?>
<?php if ($crumbs && is_array($crumbs)) : ?>
    <div class="breadcrumbs">
        <ul class="items">
            <!-- ko i18n: 'You are here:' --><!-- /ko -->
            <?php foreach ($crumbs as $crumbName => $crumbInfo) : ?>
                <li class="item <?= /* @escapeNotVerified */ $crumbName ?>">
                    <?php if ($crumbInfo['link']) : ?>
                        <a href="<?= /* @escapeNotVerified */ $crumbInfo['link'] ?>" title="<?= $block->escapeHtml($crumbInfo['title']) ?>"><?= $block->escapeHtml($crumbInfo['label']) ?></a>
                    <?php elseif ($crumbInfo['last']) : ?>
                        <strong><?= $block->escapeHtml($crumbInfo['label']) ?></strong>
                    <?php else: ?>
                        <?= $block->escapeHtml($crumbInfo['label']) ?>
                    <?php endif; ?>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
<?php endif; ?>

[DanielRuf]

breadcrumbs.phtml with this code

This is wrong, I mean breadcrumbs.html, please read again.

[DanielRuf]

Magento_Theme/frontend/web/templates/breadcrumbs.html

[DanielRuf]

<ul class="items">
    <!-- ko i18n: 'You are here:' --><!-- /ko -->
    <% _.each(breadcrumbs, function(crumb) { %>
        <li class="item <%- crumb.name %>">
            <% if (crumb.link) { %>
            <a href="<%= crumb.link %>" title="<%- crumb.title %>"><%- crumb.label %></a>
            <% } else if (crumb.last) { %>
            <strong><%- crumb.label %></strong>
            <% } else { %>
            <%- crumb.label %>
            <% } %>
        </li>
    <% }); %>
    </ul>

[DanielRuf]

#18012 (comment)