一小池勺❤️❤️❤️ ❤️❤️❤️❤️胸有惊雷而面如平湖者,可拜上将军也。
前言
记录 啥都记的那种 ~
2023.12.31
ERROR in ./src/icons/index.js 2:0-43 Module not found: Error: Can't resolve '@/components/SvgIcon' in 'C:\Users\86151\Desktop\Git本地仓库\mini-wyy\src\icons' @ ./src/main.js 7:0-23 webpack compiled with 1 error
在我的 ./src/icons/index.js 文件中,我试图从 ‘@/components/SvgIcon’ 导入一些内容,但是Webpack没能在我给出的路径找到该模块。
果然,是我拼写错了,看来不是 webpack 的配置问题。
2023.12.31
main.js:14 [Vue warn]: Unknown custom element: <CommonHeader> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <MainPanel> at src/views/MainPanel.vue <App> at src/App.vue <Root>
报错信息 Unknown custom element: <CommonHeader>
表示我在 MainPanel 组件中使用了一个名为 CommonHeader 的组件,但是并没有在 MainPanel 组件中进行注册。
基于组件化的 Vue.js,每个 Vue 组件需要在使用之前注册。Vue 提供了全局注册
和局部注册
两种方式:
全局注册
在入口文件(例如 main.js 或 main.ts)中,可以通过Vue.component(tagName, options) 来进行全局注册,之后就可以在项目的任何位置使用这个组件。例如全局注册 CommonHeader 组件:
import Vue from 'vue' import CommonHeader from './components/CommonHeader.vue' Vue.component('CommonHeader', CommonHeader)
局部注册
在每个 Vue 组件的 components 对象中注册其他组件,然后在该组件中使用。例如在 MainPanel 组件中注册 CommonHeader 组件:
import CommonHeader from './components/CommonHeader.vue' export default { components: { CommonHeader } }
我的 CommonHeader 不是异步组件,原来是我忘记了了给它注册了,悲痛了,又解决了一个无聊的 bug,嘻嘻。