Module not found error in use jsconfig

Hi,
I use jsconfig for manage paths in vscode. But when use paths , I get the following error :

Failed to compile.
./src/main.js
Module not found: Error: Can’t resolve ‘@/App.vue’ in ‘C:\Users\My Work\MyProject\MyProject.Web\src’
@ ./src/main.js 4:0-28
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/main.js

This is the structure of my project:

53as5da

jsconfig.json :

{
"baseUrl": ".",
"compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "baseUrl": ".",
    "paths": {
        "@/*": [
            "./src/*"
        ],
    }
},
"include": [
    "src"
]
}

main.js :

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import App from '@/App.vue'

import router from './adminArea/shared/routes/index'
import store from '@/shared/stores'


Vue.use(VueResource)
Vue.use(VueRouter)


new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})