Ошибка разбора модуля: неожиданный символ '@' с resol-url-loader - PullRequest
Новая
       38

Ошибка разбора модуля: неожиданный символ '@' с resol-url-loader

0 голосов
/ 27 февраля 2020

Я некоторое время пытался настроить конфигурацию моего веб-пакета для загрузки SVG, которые определены как фон в .s css. До сих пор у меня всегда была проблема, что путь .svg не мог быть найден. Resolve-url-loader должен исправить эту проблему, если я правильно понял. После реализации теперь возникает следующая ошибка: 

Module parse failed: Unexpected character '@' (5:0)
File was processed with these loaders:
 * ./node_modules/resolve-url-loader/index.js
You may need an additional loader to handle the result of these loaders.
> @import '../styles/Variables';

Я уже тестировал некоторые вещи, которые можно увидеть в StackOverflow. Реальная проблема заключается в том, что изображения, определенные в фоновом URL, не отображались в производственной сборке. Если кто-то может мне помочь, я был бы очень счастлив! Мои файлы и конфиги:

Конфигурация веб-пакета: 

  {
        include: /\.(scss|sass)$/i,
        loader: 'resolve-url-loader', 
        options: {
          name: 'static/media/[name].[hash:8].[ext]',
        },
      },

s css: 

 .auth-wrapper-image {
    background: url('~/images/form-cards.svg') no-repeat center;

Если вам нужна дополнительная информация, скажите, что вам нужно!

Большое спасибо.

...