Symfony 无法在JavaScript中运行Web包

我在App.js文件中编写了这段代码

我再唱一次，看

但是不起作用

另一方面，当我将代码放在base.html.twig中时，它可以工作

我的错误在哪里

谁能帮我

'./styles/app.scss'; 

import './styles/app.scss';

// You can specify which plugins you need
import { Tooltip, Toast, Popover } from 'bootstrap';

// start the Stimulus application
import './bootstrap';

//  Google PlaceID
function initializeAutocomplete(id) {
    var element = document.getElementById(id);
    if (element) {
        var autocomplete = new google.maps.places.Autocomplete(element, { 
types: ['geocode'] });
        google.maps.event.addListener(autocomplete, 'place_changed', onPlaceChanged);
    }
}

function onPlaceChanged() {
    var place = this.getPlace();

    // console.log(place);

    for (var i in place.address_components) {
        var component = place.address_components[i];
        for (var j in component.types) { // Some types are ["country", "political"]
            var type_element = document.getElementById(component.types[j]);
            if (type_element) {
                type_element.value = component.long_name;
            }
        }
    }
}
google.maps.event.addDomListener(window, 'load', function() {
    initializeAutocomplete('profile_adresse');
});

---

---

您需要在

webpack.config.js

比如说

.addEntry('app_js', './assets/js/app.js')

然后，您可以使用将该条目添加到细枝文件中

{{ encore_entry_script_tags('app_js') }}

---

当您更改

webpack.config.js

文件时，您必须重新运行

Thread encore dev--watch

，以使这些更改生效。

Nicolas，请不要用您自己问题的另一个答案回答我的答案。如果我的答案对你有帮助，请投票表决，马克是解决办法。如果您有进一步的意见，请回复我的回答。