Получение SyntaxError при попытке добавить версию к javascript импортам

Question

У меня есть приложение SPA, где я использую импорт модуля ES6. Я не использую Webpack вообще в этом проекте. Но когда я попытался добавить версию в мои файлы. js, я получил ошибку

import `./store.js?v=${cr_version}`

Uncaught SyntaxError: Неожиданная строка шаблона

Или с использованием синтаксиса +

import `./store.js?v=` + cr_version

Uncaught SyntaxError: Неожиданный токен '+'

Как я могу добавить управление версиями в мои файлы. js, есть ли другой синтаксис, который я могу использование

Answer 1

import должна быть примитивной строкой и не может быть шаблоном или вызовом функции.

Таким образом, структура кода может быть проанализирована, модули могут быть собраны и объединены в один файл специальным образом. инструменты.

Но вы можете использовать функцию import(), а именно:

await import(`./store.js?v=${cr_version}`);

Answer 2

Stati c импорт может использовать только строки stati c.

Если вы хотите динамически определять имя модуля во время выполнения, вам нужно использовать dynamici c import .

import(`./store.js?v=${cr_version}`).then( store => {
    // do things with store
});