Question

我正在尝试使用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>

如果我尝试使用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)

我猜这个错误是我导入错误文件的路径错误。但是我不知道该如何解决...

请看看...谢谢。

Answer 1

您猜对了。路径必须是相对的。在您的情况下，您必须（通过..继续上一层。使用：

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

Vue.js-较少的文件导入引发了“模块构建失败”错误，无法解决“ ../assets/file.less”

1 个答案: