shop-admin项目npm run dev报错

来源：7-11 服务隔离下解决数据同步--项目环境配置及整体介绍

404_

2023-11-29

我在运行shop-admin项目npm run dev报错。我对前端不太了解，请问这是怎么回事？表现在前端页面上为验证码页面打不开
图片描述
我的node版本是 v16.17.0
相同环境下 shop-web没有问题。

➜  shop-admin-master npm run dev

> shop-admin@1.0.0 dev
> vue-cli-service serve

 INFO  Starting development server...
 10% building 2/2 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:8013/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /Users/zhoushuyu/GoProjects/shop-admin-master/public
ℹ ｢wds｣: 404s will fallback to /index.html                                                                                                                12% building 19/21 modules 2 active ...v-server/client/clients/SockJSClient.jsBrowserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme                           65% building 509/548 modules 39 active ...jects/shop-admin-master/src/api/data.jsDeprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(1, 5) or calc(1 / 5)

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

    ╷
487 │ $--group-option-flex: 0 0 (1/5) * 100% !default;
    │                            ^^^
    ╵
    node_modules/element-ui/packages/theme-chalk/src/common/var.scss 487:28      @import
    node_modules/element-ui/packages/theme-chalk/src/common/transition.scss 1:9  @import
    node_modules/element-ui/packages/theme-chalk/src/base.scss 1:9               @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 1:9              @import
    stdin 27: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($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)

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

   ╷
32 │     margin-right: #{$--tooltip-arrow-size / 2};
   │                     ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 32:21         @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1           @import
    node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9  @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27: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($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)

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

   ╷
51 │     margin-right: #{$--tooltip-arrow-size / 2};
   │                     ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 51:21         @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1           @import
    node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9  @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27: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($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)

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

   ╷
70 │     margin-bottom: #{$--tooltip-arrow-size / 2};
   │                      ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 70:22         @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1           @import
    node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9  @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27: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($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)

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

   ╷
89 │     margin-bottom: #{$--tooltip-arrow-size / 2};
   │                      ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 89:22         @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1           @import
    node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9  @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

  ╷
7 │   color: mix($--tag-primary-color, $--color-white, $fontColorWeight);
  │          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 7:10             genTheme()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7  m()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1             @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
14 │     color: mix($--tag-primary-color, $--color-white, $fontColorWeight);
   │            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 14:12            genTheme()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7  m()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1             @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
24 │     color: mix($--tag-info-color, $--color-white, $fontColorWeight);
   │            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 24:12            genTheme()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7  m()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1             @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
31 │       color: mix($--tag-info-color, $--color-white, $fontColorWeight);
   │              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 31:14            genTheme()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7  m()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1             @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
42 │     color: mix($--tag-success-color, $--color-white, $fontColorWeight);
   │            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 42:12            genTheme()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7  m()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3            @content
    node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5   b()
    node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1             @import
    node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9           @import
    node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9       @import
    node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9            @import
    stdin 27:9                                                                 root stylesheet

Warning: 43 repetitive deprecation warnings omitted.
                                                                                                          98% after emitting CopyPlugin                                                      
 DONE  Compiled successfully in 22428ms                                                                                                                                         11:15:23 AM

写回答

1回答

少林码僧

2023-11-29

已采纳

点击登陆，有后端请求响应吗

404_

奇怪，现在验证码又能刷出来了。登录后后端有响应，页面也正常。但是前端还是报 More info: https://sass-lang.com/d/function-units ╷ 42 │ color: mix($--tag-success-color, $--color-white, $fontColorWeight); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/element-ui/packages/theme-chalk/src/tag.scss 42:12 genTheme() node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5 @content node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7 m() node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3 @content node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b() node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1 @import node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9 @import node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import stdin 27:9 root stylesheet Warning: 43 repetitive deprecation warnings omitted.

2023-11-29

共1条回复

海量数据高并发场景，构建Go+ES8企业级搜索微服务

全新 ES8 配合技术组件，实现高性能搜索

267 学习 · 54 问题

查看课程

相似问题

shop-main-master 和 shop-search-api之间是如何通信的

回答 1

配置文件的疑问

回答 1

请问有github源码仓库吗，我想直接clone github的

回答 1

问下如何获取讲解的代码呢

回答 1

product-consumer项目写入ES问题

回答 1

打开慕课网App查看更多内容