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

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

问题描述

最近从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.

你期待的结果是什么?

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

以上是 求助大佬排查前端启动报错! 的全部内容, 来源链接: utcz.com/p/936607.html

回到顶部