Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
@Yuppe-jp-eng
Revisions
Report this question
Subscribe question
Help us understand the problem. What is going on with this question?
Q&A
Closed

Module not found: Error: Can't resolve が解決できない

環境

Mac OS Big Sur
npm 6.14.4
Laravel 6.20.26
PHP 7.3.28
Vue 2.6.12

解決したいこと

Larevel Mixを用いたトランスコンパイルの際に

Module not found: Error: Can't resolve './components/ArticleLike' in '/var/www/html/resources/js'

と出てしまって、コンポーネントを読み込むことができないので、解決したい。

該当するソースコード

app.js
import './bootstrap'
import Vue from 'vue'
import ArticleLike from './components/ArticleLike'
//Vue.component('article-like',
//require('.//components/ArticleLike.vue').default);
const app = new Vue({
  el: '#app',
  components: {
    ArticleLike,
  }
})

スクリーンショット 2021-05-15 13.39.40.png

自分で試したこと

lsコマンドなどでファイルの詳細が表示されることは確認できたので、単純なファイル構成や綴りミスではなさそうです。

npmの再インストール、キャッシュの削除など試してみましたが、だめでした。
お心当たりある方、お願いいたします。

0
2
Answer

import ArticleLike from './components/ArticleLike.vue' // <--.vue

は試してみましたか?

0
何回かやりましたが、以下のように出ますね...

```
ERROR in ./resources/js/components/ArticleLike.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
```
`ArticleLike.vue`を見せてもらっても宜しいでしょうか?
View the remaining 1 comments.
Report this answer
import ArticleLike from './components/ArticleLike.vue'

にしたうえで、 webpack.mix.js で mix の設定に続けて .vue() を呼んでください。例:

mix.js('src/app.js', 'dist').vue();

参考: https://laravel-mix.com/docs/6.0/vue

0
Help us understand the problem. What is going on with this answer?
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login