＞＞ g($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img){

太过爱你忘了你带给我的痛 2022-12-30 10:43 56阅读 0赞

# 前言 #

最近vue项目开发时，启动项目时报错：

--------------------

# 错误信息如下 #

D:\code\zcw-vue-shop\zcw-vue-shop>npm run serve
    
    > zcw-vue-shop@0.1.0 serve D:\code\zcw-vue-shop\zcw-vue-shop
    > vue-cli-service serve --mode=development
    
     INFO  Starting development server...
    98% after emitting CopyPlugin
    
     ERROR  Failed to compile with 4 errors                                                                                                                                         下午10:50:04
    
     error  in ./src/pages/index.vue?vue&type=style&index=0&lang=scss&
    
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: required parameters must precede optional parameters
            on line 22 of src/assets/scss/mixin.scss
    >> g($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img){ 
       ------------------------------------------^
    
    
     @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss
    -loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!.
    /src/pages/index.vue?vue&type=style&index=0&lang=scss& 4:14-436 14:3-18:5 15:22-444
     @ ./src/pages/index.vue?vue&type=style&index=0&lang=scss&
     @ ./src/pages/index.vue
     @ ./src/router.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.50.181:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
    
     error  in ./src/components/NavHeader.vue?vue&type=style&index=0&lang=scss&
    
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: required parameters must precede optional parameters
            on line 22 of src/assets/scss/mixin.scss
    >> g($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img){ 
       ------------------------------------------^
    
    
     @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss
    -loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!.
    /src/components/NavHeader.vue?vue&type=style&index=0&lang=scss& 4:14-440 14:3-18:5 15:22-448
     @ ./src/components/NavHeader.vue?vue&type=style&index=0&lang=scss&
     @ ./src/components/NavHeader.vue
     @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./
    src/pages/home.vue?vue&type=script&lang=js&
     @ ./src/pages/home.vue?vue&type=script&lang=js&
     @ ./src/pages/home.vue
     @ ./src/router.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.50.181:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
    
     error  in ./src/components/ServiceBar.vue?vue&type=style&index=0&lang=scss&
    
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: required parameters must precede optional parameters
            on line 22 of src/assets/scss/mixin.scss
    >> g($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img){ 
       ------------------------------------------^
    
    
     @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss
    -loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!.
    /src/components/ServiceBar.vue?vue&type=style&index=0&lang=scss& 4:14-441 14:3-18:5 15:22-449
     @ ./src/components/ServiceBar.vue?vue&type=style&index=0&lang=scss&
     @ ./src/components/ServiceBar.vue
     @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./
    src/pages/index.vue?vue&type=script&lang=js&
     @ ./src/pages/index.vue?vue&type=script&lang=js&
     @ ./src/pages/index.vue
     @ ./src/router.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.50.181:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
    
     error  in ./src/components/Modal.vue?vue&type=style&index=0&lang=scss&
    
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: required parameters must precede optional parameters
            on line 22 of src/assets/scss/mixin.scss
    >> g($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img){ 
       ------------------------------------------^
    
    
     @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss
    -loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!.
    /src/components/Modal.vue?vue&type=style&index=0&lang=scss& 4:14-436 14:3-18:5 15:22-444
     @ ./src/components/Modal.vue?vue&type=style&index=0&lang=scss&
     @ ./src/components/Modal.vue
     @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./
    src/pages/index.vue?vue&type=script&lang=js&
     @ ./src/pages/index.vue?vue&type=script&lang=js&
     @ ./src/pages/index.vue
     @ ./src/router.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.50.181:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

# 解决： #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]  
通过错误信息，可以看到原来是，我们没有赋值：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]: /images/20221120/d51f8557919948cf8204fb8e7163c68e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]: /images/20221120/e6e31dc00a9a4dc0b9fce9a30239e405.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 2]: /images/20221120/8696ef7b0a9f49928272fef54cebe82b.png