使用webpack-encore，可以将脚本文件无错误地添加到格式正确的JavaScript块中的{{ encore_entry_script_tags('add-food') }}模板中。不清楚的是如何使用AssetMapper实现相同的效果。我曾经在浏览器的控制台中得到过类似的东西：$ is not defined at add-food-81afe070e8be2f50bb5e13fa8d7573cf.js:1:1。
我尝试了各种各样的选择都没有成功。我错过了什么？
当前环境：
../assets/vendor/installed.php：

// ...
  'jquery' => 
  array (
    'version' => '3.7.1',
    'dependencies' => 
//...

字符串
../assets/app.js：

import './bootstrap.js';

import './styles/app.css'
import './styles/jquery-ui.min.css'
import 'bootstrap/dist/css/bootstrap.min.css';
import './add-food.js';

import jquery from 'jquery';
const $ = jquery;
window.$ = $;

型
base.html.twig包括：

{# ... #}
{% block javascripts %}
    {% block importmap %}{{ importmap('app') }}{% endblock %}
{% endblock %}
{# ... #}

型