记录一些报错记录

简介: 记录一些报错记录


一小池勺❤️❤️❤️ ❤️❤️❤️❤️胸有惊雷而面如平湖者,可拜上将军也。


前言

记录 啥都记的那种 ~

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,嘻嘻。


目录
相关文章
|
6月前
【记录 bpftrace】
【记录 bpftrace】
|
5月前
|
C++
C++\日常记录
C++\日常记录
22 0
|
JSON 前端开发 JavaScript
java基本知识点记录
java基本知识点记录
|
Java 开发工具 Android开发
ASOP记录
ASOP记录
78 0
|
SQL Java 数据库
问题记录v(●‘◡‘●)v
问题记录v(●‘◡‘●)v
文章记录
记录平时的文章
|
iOS开发
Xcode快捷键 记录
command+shift+k, clean command+b 编译
956 0