yuppe0328
@yuppe0328

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

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

2Answer

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

は試してみましたか?

0Like

Comments

  1. @yuppe0328

    Questioner

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

    ```
    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
    ```
  2. `ArticleLike.vue`を見せてもらっても宜しいでしょうか?

Your answer might help someone💌