找不到这个相关模块:

时间:2018-04-30 05:36:00

标签: javascript express vue.js

这是我来自组件的代码块,我相当新(使用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>

这是终端输出:

this is the terminal output

1 个答案:

答案 0 :(得分:0)

如果您使用以下语法:

"@/services/postservice"

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

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

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

我猜这是问题所在。