Ж
Size: a a a
Ж
VV
Ж
import { ChbxGroup, ChbxItem } from '@/components/ui';
import ChbxGroup from './ChbxGroup';
import ChbxItem from './ChbxItem';
const ui = {
ChbxGroup,
ChbxItem,
};
export default ui;
Vue warn]: Unknown custom element: <chbx-group> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Ж
import Vue from "vue";помню где-то подсмотрел, все компоненты в папке
import upperFirst from "lodash/upperFirst";
import camelCase from "lodash/camelCase";
const requireComponent = require.context("@/components/common", true, /\.vue$/);
requireComponent.keys().forEach(fileName => {
const componentConfig = requireComponent(fileName);
const componentName = upperFirst(
camelCase(fileName.replace(/^\.\//, "").replace(/\.\w+$/, ""))
);
console.log(componentName)
Vue.component(
`d-${componentName}`,
componentConfig.default || componentConfig
);
});
@/components/commonбудут вызваться <d-названиеКомпонента/>
А
import "./plugins/base";
где base
это название файла в котором этот кодЖ
import "./plugins/base";
где base
это название файла в котором этот кодV
components
компонент прописал?Ж
components
компонент прописал?V
import { ChbxGroup } from 'блаблабла';
export default {
components: {
ChbxGroup
}
}
Ж
Ж
Ж
V
console.log(ChbxGroup);
V
Ж
V
V
V
@
в вебпаке определено?Ж
module.exports = {
resolve: {
alias: {
'@': require('path').resolve(__dirname, 'src'),
},
},
};
V