Vue3 build报错

Question

求原因/解决方案：

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

> www.starlight.work@0.0.0 build
> run-p type-check build-only


> www.starlight.work@0.0.0 type-check
> vue-tsc --noEmit


> www.starlight.work@0.0.0 build-only
> vite build

vite v3.1.8 building for production...
transforming (211) node_modules\@arco-design\web-vue\es\spin\spin.jssrc/pages/index.vue:12:12 - error TS2339: Property 'shows' does not exist on type '{ created(): void; data(): Data; methods: { fetchShows(): ShowData[]; onWelcome(): void; }; }'.

12       this.shows = this.fetchShows();
              ~~~~~

src/pages/index.vue:12:25 - error TS2339: Property 'fetchShows' does not exist on type '{ created(): void; data(): Data; methods: { fetchShows(): ShowData[]; onWelcome(): void; }; }'.

12       this.shows = this.fetchShows();
                           ~~~~~~~~~~

src/pages/news/index.vue:24:24 - error TS2339: Property 'news' does not exist on type '{ created(): void; data(): Data; methods: { fetchNews(from: number, to: number): NewsData[]; newsName(type: NewsType): string; onChange(page: number): void; }; }'.

24       watch(() => this.news, (value) => {
                          ~~~~

src/pages/news/index.vue:25:14 - error TS2339: Property 'page' does not exist on type '{ created(): void; data(): Data; methods: { fetchNews(from: number, to: number): NewsData[]; newsName(type: NewsType): string; onChange(page: number): void; }; }'.

25         this.page.total = value.length / 5;
                ~~~~

src/pages/news/index.vue:27:12 - error TS2339: Property 'news' does not exist on type '{ created(): void; data(): Data; methods: { fetchNews(from: number, to: number): NewsData[]; newsName(type: NewsType): string; onChange(page: number): void; }; }'.

27       this.news = this.fetchNews(1, 2);
              ~~~~

src/pages/news/index.vue:27:24 - error TS2339: Property 'fetchNews' does not exist on type '{ created(): void; data(): Data; methods: { fetchNews(from: number, to: number): NewsData[]; newsName(type: NewsType): string; onChange(page: number): void; }; }'.

27       this.news = this.fetchNews(1, 2);
                          ~~~~~~~~~

src/pages/index.vue:28:15 - error TS2339: Property '$refs' does not exist on type '{ fetchShows(): ShowData[]; onWelcome(): void; }'.

28         (this.$refs.shows as HTMLElement).scrollIntoView();
                 ~~~~~

src/pages/news/index.vue:55:14 - error TS2339: Property 'page' does not exist on type '{ fetchNews(from: number, to: number): NewsData[]; newsName(type: NewsType): string; onChange(page: number): void; }'.

55         this.page.current = page;
                ~~~~


Found 8 errors in 2 files.

Errors  Files
     3  src/pages/index.vue:12
     5  src/pages/news/index.vue:24
transforming (231) node_modules\@arco-design\web-vue\es\form\context.jsERROR: "type-check" exited with 2.

Answer 1

修改package.json的build配置为vite build
"build": "vite build",