f

src/views/Chat/Chat.vue

@@ -24,33 +24,26 @@
 <script lang="ts">
 /* eslint-disable */
 import NavBar from "@/components/NavBar/index.vue";
-import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
-import ChatContentVue from "./ChatContent.vue";
-import ChatInputVue from "./ChatInput.vue";
+import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch , defineAsyncComponent} from "vue";
 import { connectionState } from "@/store/connectionStore";
 import { privateKey, publicKey, target } from "@/store/appCallerStore";
 import { token, from, orderid } from "@/store/appCallerStore";
-import { generateToken } from "@/utils/generateToken/generate-token";
-import ChatOption from "@/components/ChatOptions/index.vue";
-import ServiceRating from "@/components/ServiceRating/index.vue";
-import CommonUseSentence from "@/components/CommonUseSentence/index.vue"
-import { textInputStore } from "@/store/textInputStore";
 import { messageStore } from "@/store/messagesStore";
 import ChatMessageDB from "@/db/ChatMessageDB";
 import { chatCardTimeStamp } from "@/store/chatCardStore";
 import ChatListCardDB from "@/db/ChatListCardDB";
 import { v4 as uuidv4 } from 'uuid'
 import { ChatMessageTypes } from "@/types/chatMessageTypes";
-import { fffList } from "@/store/test";
+
 
 export default defineComponent({
   components: {
-    ChatContentVue,
-    ChatInputVue,
+    ChatContentVue:  defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatContentVue' */"./ChatContent.vue")),
+    ChatInputVue: defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatInputVue' */"./ChatInput.vue")),
     NavBar,
-    ServiceRating,
-    ChatOption,
-    CommonUseSentence
+    ServiceRating: defineAsyncComponent(()=>import(/* webpackChunkName: 'serviceRating' */ "@/components/ServiceRating/index.vue")),
+    ChatOption: defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatOption' */"@/components/ChatOptions/index.vue")),
+    CommonUseSentence: defineAsyncComponent(()=>import(/* webpackChunkName: 'CommonUseSentence' */"@/components/CommonUseSentence/index.vue"))
   },
 
   setup() {

src/views/Crop/index.vue

@@ -29,7 +29,7 @@ import { onMounted } from '@vue/runtime-core'
 
 const cropper = ref<VueCropperMethods>()
 
-// const imgSrc =
+// const imgSrc = 
 //   'https://upload.jianshu.io/users/upload_avatars/4515180/f63fc045-482d-403c-96a6-8ea5167522c6.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120'
 const imgSrc =
   'https://cn.bing.com/th?id=OHR.LivrariaLello_EN-CN3399107740_1920x1080.jpg&rf=LaDigue_1920x1080.jpg'

vue.config.js

+module.exports = {
+    configureWebpack: {
+
+    }
+}
\ No newline at end of file