Size: a a a

Vue.js Russian Developers Community

2020 June 16

Ж

Женя in Vue.js Russian Developers Community
воооо, это вроде то что я и хотел)
источник

VV

Vladislav Valabuev in Vue.js Russian Developers Community
Maxim Demkin platformalp.ru
ORM это для SQL-БД, а ODM для NoSQL.  Record vs Document. Вот и вся разница )
Вот именно это я и прочитал, в разных вариациях. Но ничего не понял)
источник

Ж

Женя in Vue.js Russian Developers Community
я что то делаю не так? Вот код где я импорчу компоненты
import { ChbxGroup, ChbxItem } from '@/components/ui';

Код в index.js папки 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.
источник

Ж

Женя in Vue.js Russian Developers Community
Амир
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-названиеКомпонента/>
как ты это импортируешь?
источник

А

Амир in Vue.js Russian Developers Community
Женя
как ты это импортируешь?
в main.js import "./plugins/base";  где base это название файла в котором этот код
источник

Ж

Женя in Vue.js Russian Developers Community
Амир
в main.js import "./plugins/base";  где base это название файла в котором этот код
это получается глобальная регистрация компонентов?
источник

V

Vite4eg in Vue.js Russian Developers Community
А ты в components компонент прописал?
источник

Ж

Женя in Vue.js Russian Developers Community
Vite4eg
А ты в components компонент прописал?
источник

V

Vite4eg in Vue.js Russian Developers Community
import { ChbxGroup } from 'блаблабла';

export default {
   components: {
       ChbxGroup
   }
}
источник

Ж

Женя in Vue.js Russian Developers Community
источник

Ж

Женя in Vue.js Russian Developers Community
и валится ошибка)
источник

Ж

Женя in Vue.js Russian Developers Community
я сам в шоке
источник

V

Vite4eg in Vue.js Russian Developers Community
Попробуй
console.log(ChbxGroup);
источник

V

Vite4eg in Vue.js Russian Developers Community
Может библиотека некорректно собирается
источник

Ж

Женя in Vue.js Russian Developers Community
undefined
источник

V

Vite4eg in Vue.js Russian Developers Community
А компонент в шаблоне как вызываешь?
источник

V

Vite4eg in Vue.js Russian Developers Community
Ааа, ну вот )
источник

V

Vite4eg in Vue.js Russian Developers Community
У тебя @ в вебпаке определено?
источник

Ж

Женя in Vue.js Russian Developers Community
module.exports = {
 resolve: {
   alias: {
     '@': require('path').resolve(__dirname, 'src'),
   },
 },
};
источник

V

Vite4eg in Vue.js Russian Developers Community
Тогда дебажь код, который библиотеку собирает/экспортит
источник