Я добавил все файлы для шаблона, которые я должен использовать в приложении Nuxt (css, js, images etc.
), в папку assets/theme
.Существует assets
структура папок:
Внутри assets/theme/sass/layout/_menu.scss
У меня есть эта строка:
background-image: url('../../css/images/close.svg');
Внутри assets/theme/sass/layout/_main.scss
У меня есть эта строка:
@include vendor('background-image', (
'linear-gradient(to top, #{$overlay}, #{$overlay})',
'url("../../images/banner.jpg")',
Это правильный путь к svg-файлу (также хорошо работает автозаполнение), но когда я запускаю приложение, я получаю ошибку:
These relative modules were not found:
* ../../css/images/close.svg in ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--9-oneOf-1-3!./assets/scss/main.scss
* ../../images/banner.jpg in ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--9-oneOf-1-3!./assets/scss/main.scss
В assets/scss/
у меня есть main.scss
файл, который является моим глобальным файлом для импорта всех других css, scss и т. Д .:
@import '../theme/css/main.css';
@import '../theme/sass/main';
Кто-нибудь знает в чем проблема?