javascript - 未找到该相关模块:

Question

这是我的组件代码块，我相当新(使用 vue.js 2 天，我发现了一篇关于 MEVN ARCH 的中等文章。

 <template>
      <div class="post">
        <h1>post</h1>
        <div >
            <!-- <p v-for="post in posts">
                <span><b>{{post.title}}</b></span>
                <span><b>{{post.description}}</b></span>
            </p> -->
        </div>

      </div>
    </template>

    <script>
    import  postService from "@/services/postservice";
    export default {
      name: 'posts',
      data () {
        return {  
          posts: []
        }
      },

      mounted () {
        this.getPosts()
      },
      methods: {
        async getPosts () {
          const response = await postService.fetchPost()
          this.posts = response.data
        }
      }
    }
    </script>

    <style scoped>

    </style>

这是终端输出:

Answer 1

如果您使用此语法:

"@/services/postservice"

您必须确保您的 Webpack 配置实际上包含如下别名:

resolve: {
    alias: {
        '@': 'resources/assets/js(this is your custom path, dont just copy this)'
    }
}

这告诉 Webpack @ 实际解析为什么。因为默认情况下它没有任何意义。只有当您为 Webpack 配置提供此别名时，它才会真正解析为完整路径。

我猜这就是问题所在。