Coco-001 / WebMusic

Vue + Mybaits + SpringBoot + Redis 实现的在线音乐网站
1 stars 0 forks source link

前端报错,是版本问题吗 #1

Open Crane1043778796 opened 3 weeks ago

Crane1043778796 commented 3 weeks ago

ERROR Failed to compile with 2 errors 12:34:54

error in ./src/components/layouts/YinAside.vue?vue&type=script&lang=ts&setup=true

Module not found: Error: Can't resolve '@element-plus/icons-vue' in 'E:\bishe\WebMusic-master\music-manage\src\components\layouts'

error in ./src/views/InfoPage.vue?vue&type=script&lang=ts&setup=true

Module not found: Error: Can't resolve '@element-plus/icons-vue' in 'E:\bishe\WebMusic-master\music-manage\src\views'

ERROR in ./src/components/layouts/YinAside.vue?vue&type=script&lang=ts&setup=true (./nodemodules/.pnpm/babel-loader@8.3.0@babel+core@7.24.7_webpack@5.92.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/ts-loader@9.5.1_typescript@4.5.5_webpack@5.92.1/node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.4.31_webpack@5.92.1/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/layouts/YinAside.vue?vue&type=script&lang=ts&setup=true) 3:0-72 Module not found: Error: Can't resolve '@element-plus/icons-vue' in 'E:\bishe\WebMusic-master\music-manage\src\components\layouts' @ ./src/components/layouts/YinAside.vue?vue&type=script&lang=ts&setup=true 1:0-460 1:0-460 1:461-910 1:461-910 @ ./src/components/layouts/YinAside.vue 2:0-70 3:0-65 3:0-65 8:49-55 @ ./nodemodules/.pnpm/babel-loader@8.3.0@babel+core@7.24.7_webpack@5.92.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/ts-loader@9.5.1_typescript@4.5.5_webpack@5.92.1/node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.4.31_webpack@5.92.1/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Home.vue?vue&type=script&lang=ts&setup=true 5:0-57 21:6-14 @ ./src/views/Home.vue?vue&type=script&lang=ts&setup=true 1:0-447 1:0-447 1:448-884 1:448-884 @ ./src/views/Home.vue 2:0-66 3:0-61 3:0-61 8:49-55 @ ./src/router/index.ts 4:19-45 @ ./src/main.ts 4:0-30 9:30-36

ERROR in ./src/components/layouts/YinHeader.vue?vue&type=script&lang=ts (./nodemodules/.pnpm/babel-loader@8.3.0@babel+core@7.24.7_webpack@5.92.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/ts-loader@9.5.1_typescript@4.5.5_webpack@5.92.1/node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.4.31_webpack@5.92.1/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/layouts/YinHeader.vue?vue&type=script&lang=ts) 4:0-55 Module not found: Error: Can't resolve '@element-plus/icons-vue' in 'E:\bishe\WebMusic-master\music-manage\src\components\layouts' @ ./src/components/layouts/YinHeader.vue?vue&type=script&lang=ts 1:0-450 1:0-450 1:451-890 1:451-890 @ ./src/components/layouts/YinHeader.vue 2:0-60 3:0-55 3:0-55 8:49-55 @ ./nodemodules/.pnpm/babel-loader@8.3.0@babel+core@7.24.7_webpack@5.92.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/ts-loader@9.5.1_typescript@4.5.5_webpack@5.92.1/node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.4.31_webpack@5.92.1/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Home.vue?vue&type=script&lang=ts&setup=true 3:0-59 19:6-15 @ ./src/views/Home.vue?vue&type=script&lang=ts&setup=true 1:0-447 1:0-447 1:448-884 1:448-884 @ ./src/views/Home.vue 2:0-66 3:0-61 3:0-61 8:49-55 @ ./src/router/index.ts 4:19-45 @ ./src/main.ts 4:0-30 9:30-36

ERROR in ./src/views/InfoPage.vue?vue&type=script&lang=ts&setup=true (./nodemodules/.pnpm/babel-loader@8.3.0@babel+core@7.24.7_webpack@5.92.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/ts-loader@9.5.1_typescript@4.5.5_webpack@5.92.1/node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.4.31_webpack@5.92.1/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/InfoPage.vue?vue&type=script&lang=ts&setup=true) 5:0-71 Module not found: Error: Can't resolve '@element-plus/icons-vue' in 'E:\bishe\WebMusic-master\music-manage\src\views' @ ./src/views/InfoPage.vue?vue&type=script&lang=ts&setup=true 1:0-451 1:0-451 1:452-892 1:452-892 @ ./src/views/InfoPage.vue 2:0-70 3:0-65 3:0-65 8:49-55 @ ./src/router/index.ts 10:21-51 @ ./src/main.ts 4:0-30 9:30-36

webpack compiled with 3 errors ERROR in src/api/request.ts:4:18 TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try npm i --save-dev @types/node and then add 'node' to the types field in your tsconfig. 2 | import router from '../router' 3 |

4 | const BASE_URL = process.env.NODE_HOST | ^^^^^^^ 5 | 6 | axios.defaults.timeout = 5000 // 超时时间设置 7 | axios.defaults.withCredentials = true // true允许跨域

ERROR in src/components/layouts/YinAudio.vue:37:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 35 | // 音乐播放结束时触发 36 | function ended() {

37 | proxy.$store.commit("setIsPlay", false); | ^^^^^^ 38 | } 39 | return { 40 | url,

ERROR in src/components/layouts/YinHeader.vue:32:30 TS2307: Cannot find module '@element-plus/icons-vue' or its corresponding type declarations. 30 | import { useStore } from "vuex"; 31 | import mixin from "@/mixins/mixin";

32 | import { Expand, Fold } from "@element-plus/icons-vue"; | ^^^^^^^^^^^^^^^^^^^^^^^^^ 33 | import emitter from "@/utils/emitter"; 34 | import { HttpManager } from "@/api"; 35 | import { RouterName, MUSICNAME } from "@/enums";

ERROR in src/main.ts:11:16 TS2664: Invalid module name in augmentation, module '@vue/runtime-core' cannot be found. 9 | 10 | import { Store } from "vuex";

11 | declare module "@vue/runtime-core" { | ^^^^^^^^^^^^^^^^^^^ 12 | interface State { 13 | count: number; 14 | }

ERROR in src/router/index.ts:58:29 TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try npm i --save-dev @types/node and then add 'node' to the types field in your tsconfig. 56 | 57 | const router = createRouter({

58 | history: createWebHistory(process.env.BASE_URL), | ^^^^^^^ 59 | routes 60 | }) 61 |

ERROR in src/views/ConsumerPage.vue:128:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 126 | }, 127 | ]);

128 | proxy.$store.commit("setBreadcrumbList", breadcrumbList); | ^^^^^^ 129 | routerManager(RouterName.Collect, { path: RouterName.Collect, query: { id } }); 130 | } 131 |

ERROR in src/views/SingerPage.vue:206:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 204 | }, 205 | ]);

206 | proxy.$store.commit("setBreadcrumbList", breadcrumbList); | ^^^^^^ 207 | routerManager(RouterName.Song, { 208 | path: RouterName.Song, 209 | query: { id: row.id, name: row.name },

ERROR in src/views/SongListPage.vue:187:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 185 | }, 186 | ]);

187 | proxy.$store.commit("setBreadcrumbList", breadcrumbList); | ^^^^^^ 188 | routerManager(RouterName.ListSong, {path: RouterName.ListSong, query: {id}}); 189 | } 190 |

ERROR in src/views/SongListPage.vue:202:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 200 | }, 201 | ]);

202 | proxy.$store.commit("setBreadcrumbList", breadcrumbList); | ^^^^^^ 203 | routerManager(RouterName.Comment, {path: RouterName.Comment, query: {id, type: 1}}); 204 | } 205 |

ERROR in src/views/SongPage.vue:176:11 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 174 | singerId.value = proxy.$route.query.id as string; 175 | singerName.value = proxy.$route.query.name as string;

176 | proxy.$store.commit("setIsPlay", false); | ^^^^^^ 177 | getData(); 178 | 179 | // 获取歌曲

ERROR in src/views/SongPage.vue:189:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 187 | } 188 | function setSongUrl(row) {

189 | proxy.$store.commit("setUrl", row.url); | ^^^^^^ 190 | toggle.value = row.name; 191 | if (isPlay.value) { 192 | proxy.$store.commit("setIsPlay", false);

ERROR in src/views/SongPage.vue:192:15 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 190 | toggle.value = row.name; 191 | if (isPlay.value) {

192 | proxy.$store.commit("setIsPlay", false); | ^^^^^^ 193 | } else { 194 | proxy.$store.commit("setIsPlay", true); 195 | }

ERROR in src/views/SongPage.vue:194:15 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 192 | proxy.$store.commit("setIsPlay", false); 193 | } else {

194 | proxy.$store.commit("setIsPlay", true); | ^^^^^^ 195 | } 196 | } 197 | // 更新歌曲图片

ERROR in src/views/SongPage.vue:246:13 TS2339: Property '$store' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>'. 244 | }, 245 | ]);

246 | proxy.$store.commit("setBreadcrumbList", breadcrumbList); | ^^^^^^ 247 | routerManager(RouterName.Comment, { path: RouterName.Comment, query: { id, type: 0 } }); 248 | } 249 |

Coco-001 commented 3 weeks ago

收到收到!