我遇到了一個似乎不合邏輯的 ES6 導入情況，我想知道為什么以下導入在 Vue.js SFC 的方法中不起作用：const fullContentFile = '@/assets/rules/rules.json'import(fullContentFile).then(data => console.log('data 8: ', data))它在瀏覽器的控制臺上拋出以下錯誤：Uncaught (in promise) Error: Cannot find module '@/assets/rules/rules.json'    at eval (eval at ./src/components/staboqwi lazy recursive (app.js:2117), <anonymous>:5:11)我的項目設置重現該失?。簐ue create import-issue（創建一個 Vue.js 項目并接受默認值）創建一個文件：src/assets/rules/rules.json具有以下內容：    [1,2,3,4,5]在 App.vue 中添加以下created()方法：created() {  // The first three imports work always:  import('@/assets/rules/rules.json').then(data =>    console.log('data 1: ', data)  )    const file = 'rules'  import('@/assets/rules/' + file + '.json').then(data =>    console.log('data 2: ', data)  )  const fileName = 'rules.json'  import('@/assets/rules/' + fileName).then(data =>    console.log('data 3: ', data)  )  // The next two imports break compilation if used within htmlcars project  const fileName2 = 'rules/rules.json'  import('@/assets/' + fileName2).then(data =>    console.log('data 4: ', data)  )  const fileName3 = 'assets/rules/rules.json'  import('@/' + fileName3).then(data => console.log('data 5: ', data))  // Those imports don't work:  const contentFile = '/assets/rules/' + file + '.json'  import('@' + contentFile).then(data => console.log('data 6: ', data))  const atContentFile = '@/assets/rules/' + file + '.json'  import(atContentFile).then(data => console.log('data 7: ', data))  const fullContentFile = '@/assets/rules/rules.json'  import(fullContentFile).then(data => console.log('data 8: ', data))},從導入的變體中可以看出，唯一的區別是作為字符串提供給路徑參數的內容以及存儲在常量/變量中的內容。我確實花了 2 個晚上試圖在 Google 和 stackoverflow 上找到答案。也許比我有更多 javascript 背景的人可以解釋最后三個導入與之前的導入相比有什么問題。一個有趣的副作用是，如果將該方法添加到它的文件中（不要忘記添加） ，那么第四次和第五次導入會破壞htmlcars項目的編譯。如果注釋掉項目將構建。這是為什么？導入與編譯失敗的 scss 文件完全無關。create()App.vuesrc/assets/rules/rules.json