Homesteadでlaravel-mixを使用する際の問題の概要-Laravel-php.cn

Homesteadでlaravel-mixを使用する際の問題の概要

藏色散人

リリース： 2021-04-01 08:52:10

転載

2470 人が閲覧しました

laravel の公式ドキュメントによると、laravel-mix を使用する準備をしているときに多くの問題に遭遇しました。私も同じ問題に遭遇し、これらの問題を解決するのに時間を費やしました。皆さんが穴埋めの時間を短縮できるように、ここにメモしておきます。

環境

laravel v5.4
ノードv6.10.2
#npm v3.10.10

Homestead のノードと npm のデフォルトバージョンは上記のとおりです

問題

1. npm intal を直接実行すると、 Symlink エラーが表示されます

Homesteadでlaravel-mixを使用する際の問題の概要

このエラーは、公式ドキュメントを注意深く読んでいないために発生します。

npm install --no-bin-links# を実行する必要があります。 # #Windows システムまたは Windows システム上で実行されている VM を使用している場合は、npm install コマンドを実行するときに --no-bin-links をオンにする必要があります

2.cross-env : not found

npm を正しく実行します。インストールが成功した後、

npm run dev

を実行すると、cross-env:not found エラーが表示されます。 laravel 5.4のpackage.jsonの内容は以下の通りです: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">{ "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": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "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 --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 --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.16.2", "bootstrap-sass": "^3.3.7", "cross-env": "^5.0.1", "jquery": "^3.1.1", "laravel-mix": "^1.0", "lodash": "^4.17.4", "vue": "^2.1.10" } }</pre><div class="contentsignin">ログイン後にコピー</div></div>次のように変更してください

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "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": "npm run watch -- --watch-poll",
    "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",
    "prod": "npm run production",
    "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"
  },
  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10",
    "vue-loader": "^13.0.0"
  }
}

ログイン後にコピー

スクリプトの違いに注意してください

3. no such file or directory, scandir '…/node_modules/node-sass/vendor