cretueusebiu / laravel-nuxt

A Laravel-Nuxt starter kit.
https://laravel-nuxt.cretueusebiu.com
MIT License
1.15k stars 262 forks source link

Installation fail #156

Open Callemul opened 2 years ago

Callemul commented 2 years ago

I can't install it. I use npm install and got error

first row error is:

npm ERR! path C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! command failed

All list here:

Windows PowerShell
(C) Корпорация Майкрософт (Microsoft Corporation). Все права защищены.
Попробуйте новую кроссплатформенную оболочку PowerShell (https://aka.ms/pscore6)

PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> php artisan migrate
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (397.54ms)
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table (318.47ms)
Migrating: 2017_12_07_122845_create_oauth_providers_table
Migrated:  2017_12_07_122845_create_oauth_providers_table (816.37ms)
Migrating: 2019_08_19_000000_create_failed_jobs_table
Migrated:  2019_08_19_000000_create_failed_jobs_table (333.10ms)
PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> npm install
npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated ini@1.3.5: Please update to ini >=1.3.6 to avoid a prototype pollution issue
npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated @nuxt/static@1.0.0: this feature has been moved to the core. you can directly use nuxt generate
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated source-map-url@0.4.0: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.    
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated axios@0.21.0: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slo
wdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library
=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@7.1.2
npm ERR! gyp info using node@16.13.1 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb find Python checking Python explicitly set from command line or npm configuration
npm ERR! gyp verb find Python - "--python=" or "npm config get python" is "C:\Python27\python.exe"
npm ERR! gyp verb find Python - executing "C:\Python27\python.exe" to get executable path
npm ERR! gyp verb find Python - executable path is "C:\Python27\python.exe"
npm ERR! gyp verb find Python - executing "C:\Python27\python.exe" to get version
npm ERR! gyp verb find Python - version is "2.7.15"
npm ERR! gyp info find Python using Python version 2.7.15 found at "C:\Python27\python.exe"
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 16.13.1
npm ERR! gyp verb command install [ '16.13.1' ]
npm ERR! gyp verb install input version string "16.13.1"
npm ERR! gyp verb install installing version: 16.13.1
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 16.13.1
npm ERR! gyp verb build dir attempting to create "build" dir: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build
npm ERR! gyp verb find VS msvs_version not set from command line or npm config
npm ERR! gyp verb find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp verb find VS checking VS2017 (15.9.28307.1778) found at:
npm ERR! gyp verb find VS "C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools"
npm ERR! gyp verb find VS - found "Visual Studio C++ core features"
npm ERR! gyp verb find VS - found VC++ toolset: v141
npm ERR! gyp verb find VS - found Windows SDK: 10.0.17763.0
npm ERR! gyp info find VS using VS2017 (15.9.28307.1778) found at:
npm ERR! gyp info find VS "C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools"
npm ERR! gyp info find VS run with --verbose for detailed information
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build\config.gypi
npm ERR! (node:9544) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "msvs"
npm ERR! gyp info spawn C:\Python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\gyp\\gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'msvs',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\Олександр\\AppData\\Local\\node-gyp\\Cache\\16.13.1\\include\\node\\common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=C:\\Users\\Олександр\\AppData\\Local\\node-gyp\\Cache\\16.13.1',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\\\Users\\\\Олександр\\\\AppData\\\\Local\\\\node-gyp\\\\Cache\\\\16.13.1\\\\<(target_arch)\\\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! Traceback (most recent call last):
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\gyp_main.py", line 51, in <module>
npm ERR!     sys.exit(gyp.script_main())
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 670, in script_main
npm ERR!     return main(sys.argv[1:])
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 662, in main
npm ERR!     return gyp_main(args)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 647, in gyp_main
npm ERR!     generator.GenerateOutput(flat_list, targets, data, params)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 2140, in GenerateOutput
npm ERR!     _GenerateProject(project, options, msvs_version, generator_flags, spec)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 1027, in _GenerateProject
npm ERR!     return _GenerateMSBuildProject(project, options, version, generator_flags, spec)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 3825, in _GenerateMSBuildProject
npm ERR!     easy_xml.WriteXmlIfChanged(content, project.path, pretty=True, win32=True)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\easy_xml.py", line 124, in WriteXmlIfChanged
npm ERR!     xml_string = xml_string.encode(encoding)
npm ERR! UnicodeDecodeError: 'ascii' codec can't decode byte 0xce in position 2402: ordinal not in range(128)
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onCpExit (C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\lib\configure.js:351:16)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19044
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--lib
sass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.13.1
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Олександр\AppData\Local\npm-cache\_logs\2022-01-20T21_20_13_340Z-debug.log
PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> 
Callemul commented 2 years ago

npm install node-sass

i did with. but it build with error too! (Again error!)

yarn add node-sass - its worked then i tun npm install - and now build without error!

One more, why instrall manual don't have anything about "install python v 2.7" ?

Callemul commented 2 years ago

npm install:

added 392 packages, removed 218 packages, changed 469 packages, and audited 1581 packages in 30s
97 packages are looking for funding
  run `npm fund` for details

113 vulnerabilities (97 moderate, **16 high**)

now i can build project. and npm run dev shows:

ERROR  Failed to compile with 2 errors                                                                                                                                                              friendly-errors 23:47:30  

 ERROR  in ./client/assets/sass/app.scss                                                                                                                                                             friendly-errors 23:47:30  

Module Error (from ./node_modules/sass-loader/dist/cjs.js):                                                                                                                                          friendly-errors 23:47:30  
Node Sass version 7.0.1 is incompatible with ^4.0.0 || ^5.0.0.
                                                                                                                                                                                                     friendly-errors 23:47:30  

 ERROR  in ./client/layouts/simple.vue?vue&type=style&index=0&lang=scss&                                                                                                                             friendly-errors 23:47:30  

Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):                                                                                                          friendly-errors 23:47:30  
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Node Sass version 7.0.1 is incompatible with ^4.0.0 || ^5.0.0.
    at Object.emitError (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\webpack\lib\NormalModule.js:173:6)
    at getSassImplementation (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\utils.js:91:21)
    at Object.loader (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\index.js:35:59)
Loading...
ERROR in ./client/layouts/simple.vue?vue&type=style&index=0&lang=scss& (./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js??ref--7-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!./node_modules/vue-loader/lib??vue-loader-options!./client/layouts/simple.vue?vue&type=style&index=0&lang=scss&)
Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Node Sass version 7.0.1 is incompatible with ^4.0.0 || ^5.0.0.
    at Object.emitError (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\webpack\lib\NormalModule.js:173:6)
    at getSassImplementation (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\utils.js:91:21)
    at Object.loader (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\index.js:35:59)

ERROR in ./client/assets/sass/app.scss
Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Node Sass version 7.0.1 is incompatible with ^4.0.0 || ^5.0.0.
    at Object.emitError (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\webpack\lib\NormalModule.js:173:6)
    at getSassImplementation (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\utils.js:91:21)
    at Object.loader (C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt\node_modules\sass-loader\dist\index.js:35:59)
Callemul commented 2 years ago

here solve suberror:

yarn remove node-sass
yarn add -D sass

here source


C:\Dev_folder\OpenServer\domains\math14-laravel-nuxt>npm run dev

> dev
> nuxt -c client/nuxt.config.js

   ╭───────────────────────────────────────╮
   │                                       │
   │   Nuxt.js @ v2.14.7                   │
   │                                       │
   │   ▸ Environment: development          │
   │   ▸ Rendering:   client-side          │
   │   ▸ Target:      server               │
   │                                       │
   │   Listening: http://localhost:3000/   │
   │                                       │
   ╰───────────────────────────────────────╯

i Preparing project for development                                                                           23:56:50
i Initial build may take a while                                                                              23:56:50
√ Builder initialized                                                                                         23:56:50
√ Nuxt files generated                                                                                        23:56:50

 WARN  Browserslist: caniuse-lite is outdated. Please run:                                                    23:56:50
npx browserslist@latest --update-db

Why you should do it regularly:
https://github.com/browserslist/browserslist#browsers-data-updating

* Client █████████████████████████ building (52%) 351/353 modules 2 active
 babel-loader » vue-loader » client\components\LocaleDropdown.vue

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ building (53%) 363/363 modules 0 active

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ advanced chunk optimization (77%) RuntimeChunkPlugin

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ after hashing (88%)

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ additional chunk assets processing (90%)

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ emitting (95%) vue-client-plugin

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

* Client █████████████████████████ after emitting (98%)

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

√ Client
  Compiled successfully in 6.46s

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 302:31  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 498:73  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 568:49  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
713 │ $nav-divider-margin-y:              $spacer / 2 !default;
    │                                     ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 713:37  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
718 │ $navbar-padding-y:                  $spacer / 2 !default;
    │                                     ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 718:37  @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9      @import
    client\assets\sass\app.scss 2:9                     root stylesheet

: 63 repetitive deprecation warnings omitted.

i Waiting for file changes                                                                                    23:56:57
i Memory usage: 212 MB (RSS: 341 MB)                                                                          23:56:57
i Listening on: http://localhost:3000/                                                                        23:56:57