Vue.js-Less文件导入正在抛出一个'；模块构建失败'；can'错误；t解析'/资产/文件.less'；

我正在尝试使用Vue.js创建一个web应用程序。 我的项目是使用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>

我猜这个错误是因为我使用了错误的路径来导入更少的文件。 但我想不出如何修复它

---

请看一看。。。谢谢。

你猜对了。路径必须是相对的。在您的情况下，您还必须上升一级（通过

。

）。使用：

---

当文件结构中没有报表时，为什么要导入报表/报表。。。register.less您正在尝试导入它，但为什么要导入report.less错误是说
report/report.less
但是您发布了
less/user/register.less
。它是哪一个？如何
@import./../refere/less/user/register.less”？哦<代码>@import.../../refere/less/user/register.less”这确实很有效。。。。
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)