LaravelとAngularの環境構築をする

tech.innovation.co.jp

まず、開発環境はDockerとLaradoc使って構築。↑の記事を参照。

これでLaravelの環境は完成。

github.com

↑のgithubから Angularインクルード済みのLaravel Projectを配置。

githubの手順どおり色々実行していく。

ただ

npm run dev

を実行したところError…

qiita.com

pakege.jsonのcross-envのpathが違うとのことなのでそれを修正

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

こんな感じ。

そしてwebpackをインストール

npm install webpack

実行！！！

が、Error…

またもやググる。

stackoverflow.com

ふむふむ。

package.jsonの

typescript:"^2.2.1"→typescript:"2.4.0" に変更

そして

npm install

npm run dev 

できた！！

とりあえず今日はここまで、続きはまた書いていきます。