求助大佬排查前端启动报错!

问题描述

最近从GitHub上拉取一个语料标注开源系统,前端用的技术栈:Vue+Nuxt+TypeScript写的,后端用的Python语言以及Django框架等,后端问题暂且不提。

现问题如下:由于项目是老外写的,前端项目引入的css和js用到了google的cdn加速,所以在用户内网部署的时候由于引入不了外部样式和js导致项目没法正常显示和引用,导致用户没法使用这个系统。

现前端单独摘出来,本地启动的时候没法正常启动。

本地开发环境

  1. node版本:v12.22.1
  2. npm版本:6.14.12
  3. vue-cli版本:@vue/cli 4.5.13

报错信息

 D:\JavaScript\nlp-annotation-web> npm run dev

> doccano@1.0.0 dev D:\JavaScript\nlp-annotation-web
> nuxt


 WARN  sass-loader@12.3.0 is installed but ^10.1.1 is expected                                                                                                                                                           15:11:59


 WARN  mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config                                                                                    15:12:00

i [HPM] Proxy created: /v1/  -> http://127.0.0.1:8000                                                                                                                                                                    15:12:06

   ╭─────────────────────────────────────────╮
   │                                         │
   │   Nuxt @ v2.15.8                        │
   │                                         │
   │   ▸ Environment: development            │
   │   ▸ Rendering:   client-side            │
   │   ▸ Target:      server                 │
   │                                         │
   │   Listening: http://172.20.10.2:3000/   │
   │                                         │
   ╰─────────────────────────────────────────╯

i Preparing project for development                                                                                                                                                                                      15:12:07
i Initial build may take a while                                                                                                                                                                                         15:12:07
√ Builder initialized                                                                                                                                                                                                    15:12:07
√ Nuxt files generated                                                                                                                                                                                                   15:12:07

× Client
  Compiled with some errors in 26.57s


 ERROR  Failed to compile with 11 errors                                                                                                                                                                 friendly-errors 15:12:35


 ERROR  in ./components/comment/CommentList.vue                                                                                                                                                          friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\comment\CommentList.vue
  40:15  error  PropType not found in 'vue'  import/named

✖ 1 problem (1 error, 0 warnings)

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/comments/index.vue?vue&type=script&lang=ts& 5:0-63 10:17-28
 @ ./pages/projects/_id/comments/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/comments/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/configAutoLabeling/ConfigCreationForm.vue                                                                                                                                        friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\configAutoLabeling\ConfigCreationForm.vue
  50:1  error  `@/domain/models/utils/stepper` import should occur after import of `./form/ConfigLabelMapping.vue`  import/order

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./components/configAutoLabeling/ConfigList.vue?vue&type=script&lang=ts& 22:0-58 27:24-42
 @ ./components/configAutoLabeling/ConfigList.vue?vue&type=script&lang=ts&
 @ ./components/configAutoLabeling/ConfigList.vue
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/settings/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/settings/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/settings/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/configAutoLabeling/ConfigList.vue                                                                                                                                                friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\configAutoLabeling\ConfigList.vue
  52:1  error  `./ConfigCreationForm.vue` import should occur before import of `@/repositories/autoLabeling/config/apiConfigRepository`  import/order

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/settings/index.vue?vue&type=script&lang=ts& 4:0-72 8:16-26
 @ ./pages/projects/_id/settings/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/settings/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/document/DocumentList.vue                                                                                                                                                        friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\document\DocumentList.vue
  55:15  error  PropType not found in 'vue'  import/named

✖ 1 problem (1 error, 0 warnings)

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/dataset/index.vue?vue&type=script&lang=ts& 6:0-66 15:18-30
 @ ./pages/projects/_id/dataset/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/dataset/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/label/LabelList.vue                                                                                                                                                              friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\label\LabelList.vue
  50:15  error  PropType not found in 'vue'  import/named

✖ 1 problem (1 error, 0 warnings)

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/labels/index.vue?vue&type=script&lang=ts& 12:0-57 20:15-24
 @ ./pages/projects/_id/labels/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/labels/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/member/FormCreate.vue                                                                                                                                                            friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\member\FormCreate.vue
  59:15  error  PropType not found in 'vue'  import/named

✖ 1 problem (1 error, 0 warnings)

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/_id/members/index.vue?vue&type=script&lang=ts& 7:0-60 12:16-26
 @ ./pages/projects/_id/members/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/_id/members/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./components/project/FormDelete.vue                                                                                                                                                           friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\components\project\FormDelete.vue
  33:15  error  PropType not found in 'vue'  import/named

✖ 1 problem (1 error, 0 warnings)

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./node_modules/babel-loader/lib??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/projects/index.vue?vue&type=script&lang=ts& 5:0-61 12:16-26
 @ ./pages/projects/index.vue?vue&type=script&lang=ts&
 @ ./pages/projects/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./domain/models/tasks/annotationRepository.ts                                                                                                                                                 friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\domain\models\tasks\annotationRepository.ts
  2:1  error  `./interface` import should occur before import of `@/services/api.service`  import/order

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./repositories/tasks/seq2seq/apiSeq2seq.ts 16:0-82 67:2-22
 @ ./plugins/services.ts
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./plugins/services.ts                                                                                                                                                                         friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\plugins\services.ts
  2:1  error  `@/repositories/celery/apiTaskStatusRepository` import should occur after import of `../services/application/upload/parseApplicationService`               import/order
  3:1  error  `@/services/application/celery/taskStatusApplicationService` import should occur after import of `../services/application/upload/parseApplicationService`  import/order

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./.nuxt/index.js 52:0-74 398:25-54 404:19-48
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./repositories/role/apiRoleRepository.ts                                                                                                                                                      friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\repositories\role\apiRoleRepository.ts
  2:1  error  `../../domain/models/role/roleRepository` import should occur before import of `@/services/api.service`  import/order

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./plugins/services.ts 13:0-74 48:27-44
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35

 ERROR  in ./services/application/celery/taskStatusApplicationService.ts                                                                                                                                 friendly-errors 15:12:35

Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                                                                                                            friendly-errors 15:12:35

D:\JavaScript\nlp-annotation-web\services\application\celery\taskStatusApplicationService.ts
  2:1  error  `./statusData` import should occur before import of `@/domain/models/celery/taskStatusRepository`  import/order

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

                                                                                                                                                                                                         friendly-errors 15:12:35
 @ ./plugins/services.ts 2:0-106 84:23-51
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                         friendly-errors 15:12:35
i Waiting for file changes                                                                                                                                                                                               15:12:36
i Memory usage: 447 MB (RSS: 1.17 GB)                                                                                                                                                                                    15:12:36
i Listening on: http://172.20.10.2:3000/                                                                                                                                                                                 15:12:36
No issues found.                                     

你期待的结果是什么?

望各位大佬帮忙看看报错信息,指点一下报错方向。

阅读 3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题