Nuxtjs - относительные модули не найдены, хотя введены правильные пути - PullRequest
0 голосов
/ 20 марта 2019

Я добавил все файлы для шаблона, которые я должен использовать в приложении Nuxt (css, js, images etc.), в папку assets/theme.Существует assets структура папок:

enter image description here

Внутри 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';

Кто-нибудь знает в чем проблема?

1 Ответ

0 голосов
/ 18 апреля 2019

ты это решил?

это работает для меня:
1. Я добавил @nuxtjs/style-resources зависимость к проекту
2. Это часть моего nuxt.config.js:

css: ['~assets/css/styles.less'],
modules: [
   ['@nuxtjs/style-resources'],
],
styleResources: {
   less: './assets/css/modules/*.less'
},
...