Я пытаюсь создать комбинацию с nodejs / mongoDB и Vue.js .
В сети я нашел этот урок:
https://medium.com/@anaida07/mevn-stack-application-part-1-3a27b61dcae0
Я углубился в учебник, мой сервер nodejs работает, и мой vue.js также работает.
Теперь, когда я пытаюсь включить postservice, я получаю большое сообщение об ошибке.
Я не уверен, в каком пакете он должен быть, и как это исправить.
сообщение об ошибке, которое он мне предоставляет:
ERROR Failed to compile with 1 errors 19:09:01
Эта зависимость не найдена:
* @/services/PostsService in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Posts.vue
To install it, you can run: npm install --save @/services/PostsService
Мой package.json выглядит так
{
"name": "server",
"version": "5.3.0",
"description": "",
"main": "src/app.js",
"scripts": {
"start": "./node_modules/nodemon/bin/nodemon.js src/app.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"cors": "^2.8.4",
"express": "^4.16.3",
"morgan": "^1.9.0",
"nodemon": "^1.17.3"
}
}
My posts.vue выглядит так
<template>
<div class="posts">
<h1>Posts</h1>
This file will list all the posts.
<div v-for="post in posts">
<p>
<span><b>{{ post.title }}</b></span><br />
<span>{{ post.description }}</span>
</p>
</div>
</div>
</template>
<script>
import PostsService from '@/services/PostsService'
export default {
name: 'posts',
data () {
return {
posts: []
}
},
mounted () {
this.getPosts()
},
methods: {
async getPosts () {
const response = await PostsService.fetchPosts()
this.posts = response.data
}
}
}
</script>
My PostService.js имеет следующее содержимое
import Api from '@/services/Api'
export default {
fetchPosts () {
return Api().get('posts')
}
}