vue.js 小コンポーネントが存在しないというエラーメッセージが出る

Question

vue.jsをvue cliを利用して使用中に以下のエラ〜メッセージが出ました。

./src/router/index.js
Module not found: Error: Can't resolve './components/BookForm.vue' in '/Users/kawanoshoutarou/Desktop/api_project/src/router'

エラーメッセージではapp.vueで使用する小コンポーネントが存在しないと理解しましたが、当該directory上には小コンポーネントが存在している為、原因が分からない状態です。

パスも確認していみましたが、特に間違っている様子もない為、困っています。

https://github.com/kawanoShotaro/api

githubにソースコードを上げています。

Answer 1

このインポートの仕方でそのエラーは消えました。

./src/router/index.js
import BookSearch from '@/components/BookSearch'
import Home from '@/components/Home'
import BookForm from '@/components/BookForm'

他にmutation_types.jsのインポートでもエラーが出ているようで、
そちらは相対パス指定すればエラーが消えます。

./src/store/index.js
import {UPDATE_CURRENT,UPDATE_BOOK} from './mutation_types'

こちらはエラーファイル数が多かったのでわからないようでしたら追記下さい。

Comments

[退会済みユーザー]

コンポーネントに関する問題は解決しました。

```
./src/components/BookSearch.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BookSearch.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '../../vue-temp/vue-editor-bridge' in '/Users/kawanoshoutarou/Desktop/api_project/src/components'
```

立て続けで申し訳ないのですが上記のエラーメッセージが出ました。
検討箇所すらわかりません。
エラーがかなり多いことが予想されるので解決に時間がかかるようでしたら自力で考えてみます

[退会済みユーザー]

ありがとうございました。

[yureighost]

新しくgithubから落としてきてチェックしましたが、残ってるエラーは以下ですね。
.src/store/index.js 4行目を
import {UPDATE_CURRENT,UPDATE_BOOK} from './mutation_types'
に修正

.src/components/BookForm.vue 20行目を
import {UPDATE_CURRENT,UPDATE_BOOK} from '../store/mutation_types'
に修正

.src/components/BookInfo.vue 18行目を
import {UPDATE_CURRENT} from '../store/mutation_types'
に修正

.src/components/BookSearch.vue 19行目を
import func from '../../vue-temp/vue-editor-bridge'
を削除

.src/components/BookSearch.vue 47行目を
author:authors ? authors.join(','):'',
に修正

とりあえずこれでエラーは出なくなりました。