Синтаксическая ошибка: TypeError: Не удается прочитать «диапазон» свойства null

или когда динамический импорт приводит к сбою вашего линтера.

Недавно мне потребовалось динамически импортировать файл JSON, как в приведенном ниже коде.

async created () {
  const url = new URL(window.location)
  const configurationName = url.search?.split('configuration=')[1] || 'test'
  const configuration = await import(`@/assets/${configurationName}.json`)
  this.configuration = configuration

После нажатия ‹CTRL›+S я получаю эту ошибку в консоли сборки:

⠏ Здание для производства…

ОШИБКА Не удалось скомпилировать с 1 ошибкой 18:08:44

ошибка в ./src/App.vue

Синтаксическая ошибка: TypeError: Не удается прочитать «диапазон» свойства null
Произошло при анализе /home/…/src/App.vue:252
в Array.forEach (‹anonymous›)
в Array.forEach (‹анонимный›)
на Array.map (‹анонимный›)

Как видите, это проблема только для линтера. Погуглив некоторое время, я нашел решение, изменив конфигурацию линтера в .eslintrc.js на

...
parserOptions: {
  sourceType: 'module',
  allowImportExportEverywhere: true
},
...parserOptions: {
    sourceType: 'module',
    allowImportExportEverywhere: true
  },

и все работает как положено.

Увидимся