vue.jsを使った開発でModule not found: Error: Can't resolveの原因が分かりません
Q&A
Closed
解決したいこと
vue.jsを使ったwebアプリの開発を行っています。
リファクタリングのため、ディレクトリを追加で作成し、元のファイルをコピーして、インポート先を変更したところ、Module not found: Error: Can't resolveが発生し、解消されません。
ディレクトリの構成
変更前
components
├── organism
│ ├── Project.vue
│ ├── Customer.vue
│ └── CustomerDetail.vue
│
│
│
│
変更後
components
├── organisms
│ ├── project
│ │ └─Project.vue
│ ├── customer
│ │ ├─Cutomer.vue
│ │ └─CustomerDetail.vue
│ │
│
│
│
コンポーネントをimportするコード部分
変更前 問題なく動作する
import Project from '~/components/organisms/Project.vue';
import Customer from '~/components/organisms/Customer.vue';
import CustomerDetail from '~/components/organisms/CustomerDetail.vue';
ディレクトリを追加後、コピーしたファイルを入れたあと
import Project from '~/components/organisms/project/Project.vue';
import Customer from '~/components/organisms/customer/Customer.vue';
import CustomerDetail from '~/components/organisms/customer/CustomerDetail.vue';
発生している問題・エラー
ERROR in ./src/components/organisms/project/Project.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/organisms/project/project.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '../../../logics/project-logic' in '/app/src/components/organisms/project'
ERROR in ./src/components/organisms/customer/Customer.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/organisms/customer/Customer.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '../../../pages/message/mail/template' in '/app/src/components/organisms/customer'
試したこと、疑問点
解せないのは、同じ階層にあるCustomerDetailはエラーにならず問題なく読み込んでいる点です。
また、import先を変える前には正常に動作しているため、コンポーネントファイルには問題がないと考えました。
よって、エラーで出てきた../../../logics/project-logicと../../../pages/message/mail/templateに何か要因がありそうですが、これらのファイルはProject.vueとCustomer.vueとは何の関係性もありませんでした。（自分が気がついてないだけかもしれませんが・・・）
この記事を参考にnpmコマンドで様々な操作をしましたが、うまくいかず、webpackの操作も理解ができないところで止まってしまっています。
vue.jsを使った構築はほぼ素人で、どこを操作すればよいか分からず困っています。
お恥ずかしいですが、原因が分かる方がいればご助言いただけると助かります。
0 likes