x-data我有一個 Alpine JS 模板，我想從數組中引用它。我目前在我的 HTML 文件底部的一個<script>標記中聲明了它，我想將它移動到一個外部文件中。如果我創建文件并將其與<script src='path/to/file.js'>我的組件鏈接，則會停止工作。有效的例子：<div x-data="{items}">  <template x-for="(item, index) in items" :key="index">    <a :href="item.link" x-text="item.text"></a>  </template></div><script>  const items = [    { link: 'foo.com', text: 'foo' },    { link: 'bar.com', text: 'bar' },  ]</script>不起作用的示例，其中external.js具有相同的變量賦值<div x-data="{items}">  <template x-for="(item, index) in items" :key="index">    <a :href="item.link" x-text="item.text"></a>  </template></div><script src="external.js"></script>以及 external.js 文件的內容：import 'alpinejs'window.onload = () => {console.log('loaded') // This logs in the console  var items = [    { link: 'foo.com', text: 'foo' },    { link: 'bar.com', text: 'bar' },  ]}我不確定我做錯了什么，幫助:(