monteecristoo’s blog

https://twitter.com/irakaarozo

laravel-mix issue

Laravel + VueJS : VueJS component 内のどこからでも jquery を使用できるようにする Laravel Mix

updated: 2018/5/2 この記事は検証途中で内容が不正確 方法1 Laravel Mix から @webpack.mix.js let webpack = require('webpack'); mix.webpackConfig({ plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', window.jquery: 'jquery' …

Laravel-Mix issue sass scss .sourceMaps() を使っても chrome debugger で表示されないとき

// mix.js('resources/assets/js/app.js', 'public/js') .js('resources/assets/js2/app2.js', 'public/js/app2.js') .sass('resources/assets/scss/app.scss', 'public/css') .sass('resources/assets/scss/style.scss', 'public/css') .sass('resources/as…

mozjpeg コンパイリングエラー cloud9

// cloud9 で Laravel mix 使用時、下記のエラーが発生 cjpeg: error while loading shared libraries: libpng16.so.16 error write epipe エラーがどのタイミングで発生したか把握していない ubuntu 特有のエラーかも 環境: Ubuntu 14.04.5 LTS (cloud9) la…

Laravel5.4 Laravel-Mix issue  Error: Module build failed: Error: Couldn't find preset "es2015" relative to directory

// updated: 2018/2/13 Error: Module build failed: Error: Couldn't find preset "es2015" relative to directory laravel-mixがes2015を認識していない npm install babel-preset-es2015 --save-dev プロジェクトのroot directoryに.babelrc { "presets":…

LaravelMixのVueJSにES6 syntax spread operator

npm install --save-dev babel-plugin-transform-object-rest-spread add .babelrc in your project directory { "plugins": ["transform-object-rest-spread"] } 参考: can't compile object spread operator unexpected token error · Issue #76 · Jeffre…

Laravel5.4 + Vue2 npm run dev error

環境:cloud9上にPHP7、laravel5.4をインストール。laravel内に設置したvueファイルの表示に関して。 Vueのコンポーネントが表示されない・vueファイルの編集が反映されない → 読み込むファイルに/public/js/app.jsを設置しているか確認 → body内に<div id="app">を配置し</div>…

Laravel 5.4 Laravel Mix error: SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

cloud9上のubuntuのnodeのversionが古いため発生。 → nvm install stable ・・・nodeをupdate → npm run dev ・・・正常に動作

Laravel 5.4 laravel-mix issue

laravelインストール後 →npm install →npm run dev →ミックスされたapp.js生成 →TypeError: Cannot read property 'csrfToken' of undefined →もう一度npm run dev→error: jsにエラーがあるため 各々のファイルに ① <script> window.Laravel = <?php echo json_encod</script>…