En un post encontré que usaban yarn, y funcionó :D:
yarn install
yarn run watch-poll
Clase 1
Configurar conexión a la base de datos
Clase 2
Qué son las migraciones
Clase 3
Uso de migraciones
Clase 4
Rutas
Clase 5
Middlewares en Laravel
Clase 6
Creando middlewares
Clase 7
Controladores REST
Clase 8
Rutas REST y Layouts
Clase 9
Formularios LaravelCollective
Clase 10
Webpack
Clase 11
Modelos y Tablas
Clase 12
Guardar en la base de datos
Clase 13
Formulario para actualización y creación
Clase 14
Actualización en la base de datos
Clase 15
Consulta para mostrar todos los productos
Clase 16
Paginación
Clase 17
Vista Individual de productos
Clase 18
Eliminar de la base de datos
Clase 19
Protección de rutas con autenticación
Clase 20
Validación de registros no autorizados
7 comentario(s)
PS C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3> npm run watch
> @ watch C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3
> 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
10% building 1/1 modules 0 active
webpack is watching the files…
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 2 errors 10:28:45 AM
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
8 │ @import "~bootstrap/scss/bootstrap";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\sass\app.scss 8:9 root stylesheet
at runLoaders (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\webpack\lib\NormalModule.js:316:20)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at render (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass-loader\dist\index.js:73:7)
at Function.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:54416:16)
at _render_closure1.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:33511:12)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
at _Future._completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18397:9)
at _AsyncAwaitCompleter.completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17796:12)
at Object._asyncRethrow (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3242:17)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:10539:20
at _wrapJsFunctionForAsync_closure.$protected (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3265:15)
at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17817:12)
at _awaitOnObject_closure0.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17809:25)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
at _Future._completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18397:9)
at _AsyncAwaitCompleter.completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17796:12)
at Object._asyncRethrow (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3242:17)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:12240:20
at _wrapJsFunctionForAsync_closure.$protected (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3265:15)
at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17817:12)
at _awaitOnObject_closure0.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17809:25)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
8 │ @import "~bootstrap/scss/bootstrap";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\sass\app.scss 8:9 root stylesheet
@ ./resources/sass/app.scss 2:14-253
Asset Size Chunks Chunk Names
/js/app.js 1.18 MiB /js/app [emitted] /js/app
WARNING in ./resources/js/bootstrap.js
Module not found: Error: Can't resolve 'bootstrap' in 'C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\js'
@ ./resources/js/bootstrap.js
@ ./resources/js/app.js
@ multi ./resources/js/app.js ./resources/sass/app.scss
WARNING in ./resources/js/bootstrap.js
Module not found: Error: Can't resolve 'popper.js' in 'C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\js'
@ ./resources/js/bootstrap.js
@ ./resources/js/app.js
@ multi ./resources/js/app.js ./resources/sass/app.scss
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
8 │ @import "~bootstrap/scss/bootstrap";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\sass\app.scss 8:9 root stylesheet
at runLoaders (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\webpack\lib\NormalModule.js:316:20)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at render (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass-loader\dist\index.js:73:7)
at Function.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:54416:16)
at _render_closure1.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:33511:12)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
at _Future._completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18397:9)
at _AsyncAwaitCompleter.completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17796:12)
at Object._asyncRethrow (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3242:17)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:10539:20
at _wrapJsFunctionForAsync_closure.$protected (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3265:15)
at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17817:12)
at _awaitOnObject_closure0.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17809:25)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
at _Future._completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18397:9)
at _AsyncAwaitCompleter.completeError$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17796:12)
at Object._asyncRethrow (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3242:17)
at C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:12240:20
at _wrapJsFunctionForAsync_closure.$protected (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3265:15)
at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17817:12)
at _awaitOnObject_closure0.call$2 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:17809:25)
at _RootZone.runBinary$3$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19804:18)
at _RootZone.runBinary$3 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:19808:19)
at _FutureListener.handleError$1 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18273:19)
at _Future__propagateToListeners_handleError.call$0 (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:18561:40)
at Object._Future__propagateToListeners (C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\node_modules\sass\sass.dart.js:3486:88)
@ ./resources/sass/app.scss
ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
8 │ @import "~bootstrap/scss/bootstrap";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
C:\Users\jandi\Homestead\Projects\Laravel-Ecommerce3\resources\sass\app.scss 8:9 root stylesheet
@ ./resources/sass/app.scss 2:14-253
[Browsersync] Proxying: http://ecommerce3.test
[Browsersync] Access URLs:
----------------------------------------
Local: http://localhost:3000
External: http://ecommerce3.test:3000
----------------------------------------
UI: http://localhost:3001
UI External: http://localhost:3001
----------------------------------------
[Browsersync] Watching files...
vagrant@homestead:~/code/ecommerce-facilito$ npm install
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN rollback Rolling back [email protected] failed (this is probably harmless): ETXTBSY: text file is busy, unlink '/home/vagrant/code/ecommerce-facilito/node_modules/async/package.json.1965452461'
npm WARN rollback Rolling back [email protected] failed (this is probably harmless): ETXTBSY: text file is busy, unlink '/home/vagrant/code/ecommerce-facilito/node_modules/babel-helper-call-delegate/node_modules/ansi-styles/package.json.438467636'
/home/vagrant/code/ecommerce-facilito
└── (empty)
Bootstrap 4 implementa las clases para dar espaciado (margin y padding)
https://getbootstrap.com/docs/4.0/utilities/spacing/
Agreguen la clase p-4 al div que tiene la clase card.
Obtendrán el mismo resultado :D
mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css') .browserSync({ open: 'external', host: 'local.test', proxy: 'local.test', files: ['resources/views//*.php', 'app//.php', 'routes//.php', 'public/js/.js', 'public/css/.css'] });
Clase 16