Laravel初心者です。
構築にあたってLaravelMixも導入して行おうと思っております。
ただ進めていった時にこのようなエラーがでてしまいました。
確認していくうちに
ただじゃあこれをどうしたらいいのかが分からず色々調べてみましたが分かりませんでした。
もし解決方法がわかる方がいたらご教授して頂けると助かります。
![]
環境構築を行ったやり方
1【Laravelのインストール】
パソコン : Windows10を使用
ローカル環境 : MAMPを使用(MAMPに関してはwindows版を使用しています)
構築後はhttp://localhost:8000/にアクセスしLaravelと書かれたデフォルトの
ページを表示できました。
主に下記の3つのサイトを使用しLaravelの構築を行いました。
https://codeforfun.jp/how-to-install-composer-for-windows/
https://qiita.com/PKunito/items/6a3bb187ca3c67de4519
https://breezegroup.co.jp/201904/windows-laravel/
2【Node.jsのインストール】
バージョンはv10.16.3でした。
npmについてはバージョンが6.9.0でした。
下記のサイトを参考にNode.jsをインストールしました。
https://qiita.com/taiponrock/items/9001ae194571feb63a5e
3【package.jsonのインストール】
インストール先は作成したLaravelフォルダ直下になります。
Laravel-app
---------bootstrap
---------config
---------database
---------public
---------resources
---------routes
---------storage
---------tests
---------vender
---------package.json
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 --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 --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.18", "browser-sync": "^2.26.3", "browser-sync-webpack-plugin": "2.0.1", "cross-env": "^5.1", "laravel-mix": "^4.0.7", "resolve-url-loader": "^2.3.1", "sass": "^1.15.2", "sass-loader": "^7.1.0", "vue": "^2.5.17", "resolve-url-loader":"^2.3.1", "vue-template-compiler": "^2.5.21" } }
4【LaravelMixのインストール】
インストール先は作成したLaravelフォルダ直下になります。
Laravel-app
---------bootstrap
---------config
---------database
---------public
---------resources
---------routes
---------storage
---------tests
---------vender
---------package.json
---------webpack.mix
webpack.mixの中身のソースコード↓
const mix = require('laravel-mix'); mix.browserSync('laravel.test') .js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .version() .browserSync('my-domain.dev')
またnpm run devに関してもエラーがでており実行できていません。
errorcode
1C:\MAMP\htdocs\laravel>npm run dev 2npm ERR! file C:\MAMP\htdocs\laravel\package.json 3npm ERR! code EJSONPARSE 4npm ERR! JSON.parse Failed to parse json 5npm ERR! JSON.parse Unexpected token / in JSON at position 767 while parsing near '...nfig.js" 6npm ERR! JSON.parse }, 7npm ERR! JSON.parse /*"devDependencies":...' 8npm ERR! JSON.parse Failed to parse package.json data. 9npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript. 10 11npm ERR! A complete log of this run can be found in: 12npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2019-09-11T16_24_45_632Z-debug.log
回答1件
あなたの回答
tips
プレビュー