Comments (3)
- google search said:
npm install node-sass
i did with. but it build with error too! (Again error!)
- Then i install yarn to my pc
- Then install it by yarn:
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" ?
from laravel-nuxt.
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)
- and http://localhost:3000/ i see only errors
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)
from laravel-nuxt.
here solve suberror:
yarn remove node-sass
yarn add -D sass
- but compiled
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
from laravel-nuxt.
Related Issues (20)
- SSR and MustVerifyEmail issue
- "Generating optimized autoload files" step on project scaffolding fails with error
- unable to generate token using socialite login
- blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource HOT 2
- User data not saved by store.dispatch HOT 1
- "Make sure to run npm run build!" whenever I try to connect to the Laravel part.
- how to use with laravel vapor HOT 1
- High CPU usage when running `dev` command
- User info not showing up in settings HOT 1
- I cant use yarn. HOT 2
- _vm.form.errors.has is not a function HOT 1
- Can't access laravel on localhost HOT 4
- Login with name instead of email HOT 1
- Classic laravel page on subdomain HOT 4
- Global Component not working. HOT 3
- http://localhost:8000/oauth/github/callback => Make sure to run npm run build!
- Will there be a nuxt3 version coming? HOT 2
- Cannot get CORS to work in production HOT 1
- how to deploy to hosting HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from laravel-nuxt.