Vue.js - Меньше при импорте файлов выдает ошибку «сборка модуля не удалась» с невозможностью разрешить «../assets/file.less» - PullRequest
Новая
       39

Vue.js - Меньше при импорте файлов выдает ошибку «сборка модуля не удалась» с невозможностью разрешить «../assets/file.less»

1 голос
/ 08 мая 2019

Я пытаюсь создать веб-приложение, используя Vue.js.Мой проект построен с использованием Vue-Cli 3 и имеет следующую структуру: 

-src
  -assets
  -components
    - first
       - Base.vue (*)
  - refer
    - less
       - user
          - register.less (*)
  - store
  - views

Я пытаюсь импортировать файл register.less в файл Base.vue.

Ниже приведен код, используемый в Base.vue файле ... 

<style lang="less>
@import "../report/report.less";
</style>

Если я пытаюсь запустить сервер, используя npm run serve, выдается следующая ошибка: 

Module build failed (from ./node_modules/less-loader/dist/cjs.js):

@import "../report/report.less";
^
Can't resolve '../report/report.less' in 'C:\Users\user\my_project\src\components\first'
      in C:\Users\user\my_project\src\components\first\Base.vue?vue&type=style&index=0&lang=less& (line 95, column 0)

Я предполагаю, что эта ошибка говорит о том, что я использовал неправильный путь для импорта файла less.Но я не могу понять, как это исправить ...

Пожалуйста, взгляните ... Спасибо.

1 Ответ

0 голосов
/ 08 мая 2019

Вы правильно угадываете.Путь должен быть относительным.В вашем случае вы должны подняться еще на один уровень (через ..).Использование: 

<style lang="less>
@import "../../refer/less/user/register.less";
</style>
...