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

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の内容は以下の通りです: <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>次のように変更してください

{
  "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

node-sass を再構築します。次のコマンドを必ず実行してください:

npm build node-sass --no -bin- links

4. TypeError:loader.charAt は関数ではありません

vue-loader の最新バージョンをインストールする必要があります

npm install vue-loader - -save-dev --no-bin-links

End

当初、laravel vue2 を使用して小さなデモを作成する予定でしたが、上記の 4 つに遭遇しました。インストールおよび実行プロセス中に問題が発生します。4 つの質問が順番に表示されます。上記に従って解決すれば、基本的には正常にクリアできます。質問がある場合は、メッセージを残して連絡することができます。

以上がHomesteadでlaravel-mixを使用する際の問題の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。