Этот относительный модуль не был найден: - PullRequest
0 голосов
/ 30 апреля 2018

это мой блок кода из компонента, я довольно новый (2 дня с vue.js, и я наткнулся на среднюю статью о 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 голосов
/ 30 апреля 2018

Если вы используете этот синтаксис:

"@/services/postservice"

Вы должны быть уверены, что ваша конфигурация Webpack на самом деле содержит псевдоним, подобный этому:

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

Это сообщает Webpack, к чему @ действительно относится. Потому что по умолчанию это ничего не значит. Только когда вы предоставите конфигурацию Webpack с этим псевдонимом, это фактически разрешит полный путь.

Я предполагаю, что это проблема здесь.

...