読者です 読者をやめる 読者になる 読者になる

npm run dev で cronss-env.js のError

発生タイミング

  • Laravel5.3 で Vue.js のアプリ生成時に npm run dev でタスク実行

発生したError

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

module.js:457
    throw err;
    ^

Error: Cannot find module '/path/to/laravel-src/node_modules/cross-env/bin/cross-env.js'
    at Function.Module._resolveFilename (module.js:455:15)
    at Function.Module._load (module.js:403:25)
    at Module.runMain (module.js:590:10)

修正箇所

  • package.json の cross-env.js のpath を変更

  • 変更後 は cross-env/bin/cross-env.js -> cross-env/dist/bin/cross-env.js

  "scripts": {
    "dev": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
 

参考URL

github.com

余談

  • Laravel を個人Pjで使いたいなーと思いながら放置していたので、触りたかったVue.js と併せて遊び中
  • あと最近はErrorを書くだけのブログになっている。想いとか、今考えている事とか書きたい。
  • 今日からモバイルルーターを使い始めるので、家 && 夜中 以外の条件でもブログ書けそう。