🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Q&A

解決済

2回答

2500閲覧

LaravelのLaravel-mixを動かすと、「 Invalid configuration object.」とエラーが発生する

ddkk

総合スコア37

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

0グッド

0クリップ

投稿2021/02/12 03:17

編集2021/02/12 04:03

前提・実現したいこと

MacPC内に作成しているLaravelの環境にLaravel-mixを動かそうとインストールをしています。
しかし、「npm run dev」とコマンド実行するとエラーが発生し、エラー解決に至っておりません。
エラー解決し、ビルドを動かすようになるにはどうすれば良いかご教授をお願いします。

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

$ npm run dev > dev > npm run development > @ development /Users/<ユーザ名>/Documents/Laravel/<プロジェクト名> > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js [webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.optimization.splitChunks.cacheGroups['styles-public/css/app'] has an unknown property 'type'. These properties are valid: object { automaticNameDelimiter?, automaticNameMaxLength?, automaticNamePrefix?, chunks?, enforce?, enforceSizeThreshold?, filename?, maxAsyncRequests?, maxInitialRequests?, maxSize?, minChunks?, minSize?, name?, priority?, reuseExistingChunk?, test? } - configuration.output.chunkFilename should be a string. -> The filename of non-entry chunks as relative path inside the `output.path` directory. - configuration.stats has an unknown property 'preset'. These properties are valid: object { all?, assets?, assetsSort?, builtAt?, cached?, cachedAssets?, children?, chunkGroups?, chunkModules?, chunkOrigins?, chunks?, chunksSort?, colors?, context?, depth?, entrypoints?, env?, errorDetails?, errors?, exclude?, excludeAssets?, excludeModules?, hash?, logging?, loggingDebug?, loggingTrace?, maxModules?, moduleAssets?, moduleTrace?, modules?, modulesSort?, nestedModules?, optimizationBailout?, outputPath?, performance?, providedExports?, publicPath?, reasons?, source?, timings?, usedExports?, version?, warnings?, warningsFilter? } npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ development script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/<ユーザ名>/.npm/_logs/2021-02-12T03_13_06_717Z-debug.log npm ERR! code 2 npm ERR! path /Users/<ユーザ名>/Documents/Laravel/<プロジェクト名> npm ERR! command failed npm ERR! command sh -c npm run development npm ERR! A complete log of this run can be found in: npm ERR! /Users/<ユーザ名>/.npm/_logs/2021-02-12T03_13_06_789Z-debug.log

試したこと

・nodeのアップデート
・nodeのアンインストール・インストール
・Laravel-mixのアンインストール・インストール

補足情報(FW/ツールのバージョンなど)

npm:7.5.3
node:14.15.5
macOS:10.13.6

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

自己解決しました
Laravelプロジェクトを再インストールして同じようにLaravel-mixを動かすと想定通りの動作をしました

投稿2021/02/17 12:54

ddkk

総合スコア37

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

package.jsonのdevDependenciesに "webpack": "^5.9.0" を追加してみるとどうでしょうか。
以下の現象に似ていると思いましたので。
https://github.com/JeffreyWay/laravel-mix/issues/2633#issuecomment-735589464

投稿2021/02/12 07:55

Lulucom

総合スコア1899

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ddkk

2021/02/13 02:32

package.jsonに「"webpack": "^5.9.0"」を追加しましたが、 「Invalid configuration object. Webpack has been initialised using ......」 とエラーは変わっておりません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問