search

creativetimofficial / vue-argon-dashboard-laravel

Vue SPA Argon template connected to working Laravel REST API with the help of json:api standard
MIT License
28 stars 142 forks source link

[Bug] dependency error #3

Closed shahind closed 2 years ago

shahind commented 2 years ago

Version

latest (16 june 2022)

Reproduction link

http://I-do-not-have-enough-time-for-this.sorry

Operating System

win 10

Device

mi notebook

Browser & Version

not important

Steps to reproduce

  1. download project
  2. cd to project folder
  3. run npm install
  4. run npm audit fix --force
  5. run npm run dev

What is expected?

installing dependencies

What is actually happening?

dependency conflict and outdated dependencies 

44 packages are looking for funding
  run `npm fund` for details

55 vulnerabilities (7 moderate, 32 high, 16 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

after running npm audit --force app will not run using npm run dev

Solution

maybe updating dependencies

Additional comments

command result:

$ npm install
npm WARN deprecated set-value@2.0.0: Critical bug fixed in v3.0.1, please upgrade to the latest version.
npm WARN deprecated mixin-deep@1.3.1: Critical bug fixed in v2.0.1, please upgrade to the latest version.
npm WARN deprecated set-value@0.4.3: Critical bug fixed in v3.0.1, please upgrade to the latest version.
npm WARN deprecated eslint-loader@2.2.1: This loader has been deprecated. Please use eslint-webpack-plugin
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
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 chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
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 debug@4.1.1: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated debug@3.2.6: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated html-webpack-plugin@3.2.0: 3.x is no longer supported
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
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 mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm WARN deprecated axios@0.18.1: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
npm WARN deprecated buffer@4.9.1: This version of 'buffer' is out-of-date. You must update to v4.9.2 or newer
npm WARN deprecated svgo@1.2.1: 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.5: core-js@<3.3 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 slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

added 1401 packages, and audited 1402 packages in 28s

44 packages are looking for funding
  run `npm fund` for details

55 vulnerabilities (7 moderate, 32 high, 16 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

after npm run dev I face this error:

$ npm run dev

> vue-argon-dashboard@0.1.0 dev
> vue-cli-service serve

 INFO  Starting development server...
[10%] building (0/0 modules)

[24%] building (13/24 modules)
^C

Shahin@DESKTOP/vue-argon-dashboard-laravel-main/vue-argon-dashboard
$ ^C

Shahin@DESKTOP/vue-argon-dashboard-laravel-main/vue-argon-dashboard
$ ^C

Shahin@DESKTOP/vue-argon-dashboard-laravel-main/vue-argon-dashboard
$ cp .env.example .env

Shahin@DESKTOP/vue-argon-dashboard-laravel-main/vue-argon-dashboard
$ npm run dev

> vue-argon-dashboard@0.1.0 dev
> vue-cli-service serve

 INFO  Starting development server...
[51%] building (396/565 modules)
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2)

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

    ╷
377 │ $headings-margin-bottom:      ($spacer / 2);
    │                                ^^^^^^^^^^^
    ╵
    src\assets\scss\custom\_variables.scss 377:32  @import
    stdin 21:9                                     root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($r * 299 + $g * 587 + $b * 114, 1000)

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

   ╷
75 │   $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules\bootstrap\scss\_functions.scss 75:9  color-yiq()
    src\assets\scss\custom\_variables.scss 715:37     @import
    stdin 21:9                                        root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

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

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

    ╷
503 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 503:73  @import
    src\assets\scss\custom\_variables.scss 1009:9       @import
    stdin 21:9                                          root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

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

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

    ╷
573 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 573:49  @import
    src\assets\scss\custom\_variables.scss 1009:9       @import
    stdin 21:9                                          root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2)

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

    ╷
719 │ $nav-divider-margin-y:              $spacer / 2 !default;
    │                                     ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 719:37  @import
    src\assets\scss\custom\_variables.scss 1009:9       @import
    stdin 21:9                                          root stylesheet
[51%] building (640/695 modules)
Deprecation Warning: $null: Passing a unit other than deg (25%) is deprecated.

To preserve current behavior: $null / 1%

See https://sass-lang.com/d/color-units

   ╷
16 │         background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important;
   │                                                      ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src\assets\scss\core\mixins\_background-variant.scss 16:54  bg-gradient-variant()
    src\assets\scss\core\utilities\_backgrounds.scss 11:2       @import
    src\assets\scss\custom\_utilities.scss 5:9                  @import
    stdin 62:9                                                  root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5.
    node_modules\bootstrap\scss\mixins\_deprecate.scss 8:5       deprecate()
    node_modules\bootstrap\scss\mixins\_text-emphasis.scss 16:3  text-emphasis-variant()
    src\assets\scss\core\utilities\_text.scss 48:2               @import
    src\assets\scss\custom\_utilities.scss 15:9                  @import
    stdin 62:9                                                   root stylesheet

Warning: 65 repetitive deprecation warnings omitted.

 ERROR  Failed to compile with 2 errors                                                                      10:24:26 AM

ESLint is not a constructor

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
  Error: Child compilation failed:
  ESLint is not a constructor

  - child-compiler.js:169
    [vue-argon-dashboard]/[html-webpack-plugin]/lib/child-compiler.js:169:18

  - Compiler.js:551 finalCallback
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:551:5

  - Compiler.js:577
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:577:11

  - Compiler.js:1196
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:1196:17

  - task_queues:96 processTicksAndRejections
    node:internal/process/task_queues:96:5

  - task_queues:65 runNextTicks
    node:internal/process/task_queues:65:3

  - timers:437 processImmediate
    node:internal/timers:437:9

ERROR in ESLint is not a constructor

ERROR in   Error: Child compilation failed:
  ESLint is not a constructor

  - child-compiler.js:169
    [vue-argon-dashboard]/[html-webpack-plugin]/lib/child-compiler.js:169:18

  - Compiler.js:551 finalCallback
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:551:5

  - Compiler.js:577
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:577:11

  - Compiler.js:1196
    [vue-argon-dashboard]/[webpack]/lib/Compiler.js:1196:17

  - task_queues:96 processTicksAndRejections
    node:internal/process/task_queues:96:5

  - task_queues:65 runNextTicks
    node:internal/process/task_queues:65:3

  - timers:437 processImmediate
    node:internal/timers:437:9

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 3 errors
teamupdivision commented 2 years ago

Hi @shahind,

We received your issue on the Creative Tim website and we replied there a few days ago.

If you need further assistance, do not hesitate to let us know.

Best, UPDIVISION Team

shahind commented 2 years ago

you have suggested npm audit but as I have mentioned it does not work. see the above post for errors and outputs.

teamupdivision commented 2 years ago

Hello @shahind Please run this command to get rid of the SCSS warnings

npm install -g sass-migrator
$ sass-migrator division **/*.scss
teamupdivision commented 2 years ago

Hi @shahind,

We hope we managed to help you with your issues. We will close this ticket for now, but please contact us if you encounter any other problems.

Best, UPDIVISION Team