여러 구성 요소를 가져오면 오류 발생(Nuxt/Vue)

특정 디렉토리 내에 여러 구성 요소를 가져오고 있으며 가져올 때 각 구성 요소를 지정하지 않고 이 구성 요소를 사용하려고 합니다.이 작업을 수행하려면 다음과 같이 문제의 컴포넌트 디렉토리에 index.js 파일을 저장합니다.

import Component1 from './Component1' import Component2 from './Component2'
export default {
Component1,
Component2 } 

그런 다음 다음 다음 작업을 수행하여 다음 구성요소를 페이지 구성요소/템플릿으로 가져옵니다.

import components from '@/components/blocks'; export default {
...
components: {
...components
}
... } 

정상적으로 동작하고 있는 것처럼 보이지만 콘솔에 다음과 같은 에러가 표시됩니다.

[Vue warn] :잘못된 구성 요소 이름: “_Ctor”입니다.구성 요소 이름은 html5 사양의 유효한 사용자 지정 요소 이름과 일치해야 합니다.

컴포넌트를 Import할 때 각각의 컴포넌트를 지정할 필요가 없습니다.나는 수출할 때 그것들을 명시해야 하는 것을 감수할 수 있다.이 에러를 회피하면서 그것도 가능합니까?



질문에 대한 답변