CircleCIでnpm run devを実行するとエラーが出る

Question

前提・実現したいこと

Laravel+Vue.jsでSNS風Webサービスを作成してCircleCIでCI実装に取り組んでいます。
Vueコンポーネントのパスを正しく指定できていないことが原因だと予想しているのですが、上手く解決できませんでした。

発生している問題・エラーメッセージ

CircleCI上でnpm run devを実行すると以下のエラーが出る。

> dev
> npm run development


> development
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

This relative module was not found:

* ./components/ArticleLike in ./resources/js/app.js
100%       Asset      Size   Chunks             Chunk Names
/css/app.css   0 bytes  /js/app  [emitted]  /js/app
  /js/app.js  1.01 MiB  /js/app  [emitted]  /js/app

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve './components/ArticleLike' in '/home/circleci/project/resources/js'
 @ ./resources/js/app.js 3:0-51 9:17-28
 @ multi ./resources/js/app.js ./resources/sass/app.scss

Exited with code exit status 2

該当のソースコード

config.yml

version: 2.1
jobs:
  build:
    docker:
      - image: circleci/php:7.4-node-browsers
    steps:
      - checkout
      - run: sudo composer self-update --1
      - run: composer install -n --prefer-dist
      - run: npm ci
      - run: ls -la
      - run: pwd
      - run: npm run dev
      - run:
          name: php test
          command: vendor/bin/phpunit

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@johmun/vue-tags-input": "^2.1.0",
        "axios": "^0.19",
        "cross-env": "^7.0.3",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.19",
        "resolve-url-loader": "^3.1.0",
        "sass": "^1.15.2",
        "sass-loader": "^8.0.0",
        "vue": "^2.6.14",
        "vue-template-compiler": "^2.6.14"
    }
}

試したこと

$ rm -rf node_modules
$ rm package-lock.json
$ npm install
$ npm run dev

どなたか解決法がわかる方がわかる方がいましたら教えていただきたいです。。。

Comments

[skys215]

ローカルでは問題はありませんか？

[NULL_000000]

ご返信いただきありがとうございます。
ローカルでは問題なく実行できました。

Answer 1

ググった結果、フォルダー名やファイル名の大文字小文字が問題かもしれません
参考：Issue#3817