Open Callemul opened 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" ?
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)
here solve suberror:
yarn remove node-sass
yarn add -D sass
npm run dev
with some errors (but localhost:3000 is works now)
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
I can't install it. I use npm install and got error
first row error is:
All list here: