laravel-mix issue

Laravel-Mix: node_modules 内のpackageのcssをコンパイルする

webpack.mix.js で指定したコンパイルするscss内でインポートさせる 例: node_module perfect-scrollbar の css をコンパイルしたい @import '~perfect-scrollbar/css/perfect-scrollbar.css'; 参考: stackoverflow.com //

Laravel-Mix issue: vue-loader のバージョンをアップグレードしたら vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. 等、大量のエラーメッセージ

laravel-mix@2.1.11 vue-loader@15.3.0 vue-loader を @14.2.2 から @15.3.0 にアップでしたらエラーが発生 solution: webpack.mix.js にプラグインを適用 let mix = require('laravel-mix'); const VueLoaderPlugin = require('vue-loader/lib/plugin') mix…

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…

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>…