找不到此相关模块：* ../services/Repository，Vue错误

Question

[已解决] services/文件夹与src/处于同一级别，并将其放入Vue.js Style guide之后的src内，解决了错误。谢谢大家。

当我运行npm run serve时遇到错误，仔细阅读了很多类似的问题并尝试了所有无效的方法，我什至不知道 ../services/Repository的行是从哪里来的（我在BrandList.vue中更改了导入路径，但没有任何变化）。 这是我的 Repository.js

import http from "../http-common";

class Repository {
  getAll() {
    return http.get("/index");
  }
}

export default new Repository();

这是我导入它的位置， components / BrandList.vue

<script>
import Repository from "../services/Repository";

export default {
  name: "brands",
  data() {
    return {
      brands: []
    };
  },
  methods: {
    retrieveTutorials() {
      Repository.getAll()
        .then(response => {
          this.brands = response.data;
          console.log(response.data);
        })
        .catch(e => {
          console.log(e);
        });
    }
  },
  mounted() {
    this.retrieveTutorials();
  }
};
</script>

项目树

Answer 1

它应该是../../services/Repository，因为它在文件树中是向上两个步骤。

Answer 2

从屏幕快照中，您可以立即注意到services目录与src处于同一级别。一个简单的解决方法是将services目录移到src目录中。

如果您不想这样做，可以将导入路径从"../services/Repository"更改为"../../services/Repository"。

此外，如果您的项目是使用Vue CLI创建的，则@导入仅适用于src/中的文件和目录。您可以根据需要进行更新。

Answer 3

将您的服务放入src文件夹并将其导入为

Meetups::SetupController

或

import Repository from "../services/Repository";