Посылка - Babel - Vue - Ошибка: не удается найти модуль `// img.svg`

Я немного в темноте, поэтому протянул руку, потому что не мог найти решения или ответа. Я использую parcel с Vue и пытаюсь импортировать статическое изображение как ../img/logo.svg. Раньше это работало, пока я не ввел в микс Babel. Теперь я получаю Error: Cannot find module 'img/logo.svg' во время выполнения. Это странно, потому что в папке dist я вижу logo.svg с хешем. Это вопрос бабеля или посылки? мне нужен дополнительный плагин? или что-то мне не хватает ?.

Я в основном использую Babel из коробки. Просто у меня в .babelrc

{
 "presets": ["@babel/preset-env"]
}

Файловая структура выглядит так: я пытаюсь сослаться на logo.svg из Page.vue как import logo from '../img/logo.svg';

????src
 ┣ ????components
 ┃ ┣ ????Component.vue
 ┣ ????css
 ┃ ┗ css.css
 ┣ ????img
 ┃ ┣ ????logo.svg
 ┃ 
 ┣ ????pages
 ┃ ┗ ????Page.vue
 ┣ ????index.html
 ┗ ????main.js
.babelrc

Огромное спасибо заранее!


person Ehs    schedule 03.08.2020    source источник
comment
Не могли бы вы опубликовать свою файловую структуру и файл, в который импортируется изображение? Думаю, проблема в твоем относительном пути. В заголовке вашего вопроса указано …/…/img.svg, а вы используете ../img/logo.svg   -  person Tony    schedule 03.08.2020
comment
@ Тони, я обновил структуру! ... / ... / был просто для представления.   -  person Ehs    schedule 03.08.2020
comment
Вроде бы обычная проблема с Parcel. Согласно этой проблеме, ошибка может возникать из-за многократного импорта изображения в файл. Это может быть шаблон, стиль (фоновое изображение) или скрипт (импортировать 'изображение' из .... `). Этот комментарий предлагает решение. Посмотрите, поможет ли это вам.   -  person Tony    schedule 03.08.2020
comment
@Tony Спасибо !, к сожалению, не вижу разницы, пробовал использовать и require.   -  person Ehs    schedule 03.08.2020
comment
Эта статья заявляет, что вам может не понадобиться файл .babelrc. Об этом говорится в статье For many Parcel projects, a .babelrc is not needed at all since Parcel automatically supports compiling modern JS out of the box with babel-preset-env, along with automatic JSX support, and now Flow as well (see below). For those projects, you don’t need to do anything at all to start using Babel 7 — Parcel will do it for you automatically! Я не знаю, насколько это надежно, но стоит проверить.   -  person Tony    schedule 03.08.2020