Symfony 5 + Webpack Encore + 引导表未导出

Question

我正在尝试为每个实体添加一个可导出的引导表。 但是正在显示导出按钮，但单击它时仍然没有任何动作。

我认为这可能是一些库问题，但我猜错误在我的代码中。

由于它的安装文档并不“大”，我将编写我遵循的步骤：

1. 然yarn add bootstrap-table

2. 在/assets/app.js中添加了 jQuery 和其他表导出库：

    import '../css/app.scss'; import $ from 'jquery'; global.$ = global.jQuery = $; import 'bootstrap'; import './tableExport.min.js'; import 'bootstrap-table'; import './bootstrap-table-export.min.js'; import './bootstrap-table-locale-es.js'; import '@fortawesome/fontawesome-free/css/all.min.css'; import '@fortawesome/fontawesome-free/js/all.js'; console.log('Webpack compilado');

3. 为了避免一些错误，这可能与上一步是多余的，我将jquery作为全局变量添加到webpack.config.js ：

    .autoProvidejQuery().autoProvideVariables({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', })

4. 在模板中添加了 HTML： <table class="table"></table>

5. 在模板中添加了 JavaScript：

    $('.table').bootstrapTable({ columns: [ {% block jsTableColumns %}{% endblock %}, { field: 'show', title: 'Acciones', formatter, align: 'center' } ], showExport: true, search: true, url: '/api/{% block jsApi %}{% endblock %}.json', pagination: true, {% block jsTableOptions %}{% endblock %} })

我错过了什么？

Answer 1

我有同样的问题。 我找到的解决方案在这里https://symfony.com/blog/moving-script-inside-head-and-the-defer-attribute

在 .config/packages/webpack_encore.yaml 中替换 defer 为 false

webpack_encore:
    script_attributes:
         defer: false