[Vue warn]: Invalid prop: type check failed for prop "target". Expected Object, got HTMLButtonElement. - вот это вообще как возможно?

в реакте PropTypes.node прокатило бы ? а, ты наоборот хочешь. непонятно что за кейс

Привет! Подскажите, пожалуйста, как в vue3 правильно подключить definePlugin? Вообще, не поменялась ли сейчас эта парадигма? Раньше я бы сделал так: plugins: [ new webpack.DefinePlugin({ "global.GENTLY": false }) ]

а при чем тут vue? это сборщик проекта делает, например webpack

Привет! Подскажите, пожалуйста, как в vue3 правильно подключить definePlugin? Вообще, не поменялась ли сейчас эта парадигма? Раньше я бы сделал так: plugins: [ new webpack.DefinePlugin({ "global.GENTLY": false }) ]

в третьем CLI конфиги запихали в нод модули, и предложили API для его правки. Дока кстати на русском, все там расписано Нахрена - не знаю. Что в CRA этот бред, что тут. Но там хоть eject есть

[Vue warn]: Invalid prop: type check failed for prop "target". Expected Object, got HTMLButtonElement. - вот это вообще как возможно?

а покажи этот кусок кода

а при чем тут vue? это сборщик проекта делает, например webpack

Опишу проблему детальнее: есть либа superagent, которая цепляет formidable. При оборачивании PWA в Electron ловится следующая ошибка: Uncaught TypeError: require is not a function в файле incoming_form.js (formidable). Гугл привел на страницу https://github.com/felixge/node-formidable/issues/337, где сказано, что решением может быть добавление к конфигу plugins: [ new webpack.DefinePlugin({ "global.GENTLY": false }) ],

Привет всем. Пните куда смотреть. Нужно сделать подтверждение по Email регистрации, в моем случае, организации.

Опишу проблему детальнее: есть либа superagent, которая цепляет formidable. При оборачивании PWA в Electron ловится следующая ошибка: Uncaught TypeError: require is not a function в файле incoming_form.js (formidable). Гугл привел на страницу https://github.com/felixge/node-formidable/issues/337, где сказано, что решением может быть добавление к конфигу plugins: [ new webpack.DefinePlugin({ "global.GENTLY": false }) ],

а у тебя webpack конфигов нет?

Подозреваю, что проблема в серверном рендеринге.

а у тебя webpack конфигов нет?

Нет, только vue.config.js. Мы говорим о @vue/cli 3

Нет, только vue.config.js. Мы говорим о @vue/cli 3

https://cli.vuejs.org/guide/webpack.html#simple-configuration \

https://cli.vuejs.org/guide/webpack.html#simple-configuration \

Да, вот делаю 1 в 1 как тут, но на DefinePlugin ругается линтер. Как решить проблему, не отключая его?

Да, вот делаю 1 в 1 как тут, но на DefinePlugin ругается линтер. Как решить проблему, не отключая его?

Так проблема решается? Линтеру можно объявить глобальные переменные. Или на что он там ругается

Так проблема решается? Линтеру можно объявить глобальные переменные. Или на что он там ругается

ERROR Error loading vue.config.js: ERROR ReferenceError: DefinePlugin is not defined

импортируй вебпак

const webpack = require('webpack'); module.exports = { configureWebpack: { plugins: [ new webpack.DefinePlugin() ] } }

а зачем ты в маунтед присваиваешь пропс в videoSources? почему не используешь пропс напрямую при рендеринге?

ты же там никаких манипуляций с ним не проводишь

я бы еще понял некие действия над sources в computed

Потому что там серверный рендеринг и судя по всему сначала на выходе все source уже есть а события ставятся во время исполнения программы. В следствии чего событие canplay выполнилось до того как был навешен обработчик

а зачем ты в маунтед присваиваешь пропс в videoSources? почему не используешь пропс напрямую при рендеринге?

ты же там никаких манипуляций с ним не проводишь

Это кастыль чтобы отрендерились source после того как все будет подключено и навешены события

импортируй вебпак

Ошибка с дэфайном ушла, но пришел в ту же точку, откуда начал: Uncaught TypeError: require is not a function

Ошибка с дэфайном ушла, но пришел в ту же точку, откуда начал: Uncaught TypeError: require is not a function

Ну так странное решение проблемы ты нагуглил) как там дефайн должен помочь хз

Ну так странное решение проблемы ты нагуглил) как там дефайн должен помочь хз

Я вот тоже от руки поправил внутри node_modules и пришел к такому же выводу ?

Потому что там серверный рендеринг и судя по всему сначала на выходе все source уже есть а события ставятся во время исполнения программы. В следствии чего событие canplay выполнилось до того как был навешен обработчик

ну если у тебя ssr, то mounted на сервере не будет вызван же

в том то и дело

поэтому работает то что выше

но это костыль

надо чтобы события навесились до того как будет отрендерино source

надо чтобы события навесились до того как будет отрендерино source

на счет события не совсем понял, данные для рендеринга у тебя в vuex грузятся?

Прпсы опракидываются с другово компонента

при серверном рендеринге получаем html где уже есть отрендереное source для видео

на клиенте vue накидывает события

а так как vue js который испонится после загруги html

то

тогда сначала начнется загрузка source произойдет событие canplay и после навсется vue оброботчик на событие

То есть нам надо сказать nuxt рендерить эту часть компоненты на клиенте а не на сервере

что мы и сделали

тогда сначала начнется загрузка source произойдет событие canplay и после навсется vue оброботчик на событие

то есть canplay компонента video происходит раньше чем vue успевает на него повеситься?

canplay событие

да

то есть canplay компонента video происходит раньше чем vue успевает на него повеситься?

Да, ощущение что так и происходит. При этом, если используем хот релоад и редактируем скрипт, обработчик уже висит в памяти и событие отрабатывает. Но при полной перезагрузке страницы не отрабатывает

почему тут нельзя == знак равно? только =, или я что-то путаю <div v-if="category.slug != $route.params.category_slug"> <p class="filter-item"> <b-link :to="{ name: 'IndexCategory', params: { category_slug: category.slug }}">{{ category.title }} </b-link> </p> </div>

Почему нельзя?

Можно

да

а это воспроизводится во вмех браузерах? или только в конкретеом?

я бы тут сделал ход конем на вашем месте

а это воспроизводится во вмех браузерах? или только в конкретеом?

Хром, сафари

вешался прямо в индексе на page load, ready что то в этом роде

и не расчитывал на нэйтив срабатывание этого события

ждите полного рендеринга страницы, находите этот несчастный тэг и сразу вешайте листенер на событие вручную

Так mounted раньше ready же происходит, не?

с чего бы это?

ты проверь :)

между маунтом и вешалкой вью может пройти целая вечность на уровне браузера

у меня такая ситуация с вебсокетами была

я открывал сокет и событие open в файрфоксе не хотело срабатывать

при. этом в хроме все норм было

тоже велосипедить приходилось

Попробую) но тут велосипед маленький, вроде не страшно его оставить.. просто хочется разобраться в вопросе

Попробую) но тут велосипед маленький, вроде не страшно его оставить.. просто хочется разобраться в вопросе

а если как вариант воткнуть в video v-if и включать его через next tick?

чтобы он только на клиенте появлялся

а если как вариант воткнуть в video v-if и включать его через next tick?

Пробовал nexttick, не помню правда на какое условие привязывался и было ли оно...

ну как раз в маунтед

ERROR: S client not available

маунтеда в сср не будет же

маунтеда в сср не будет же

А вот этого не знал

или лучше в beforeMount

его тоже в сср не будет

как раз перед маунтом включится флаг

и на клиенте оно включится в нужный момент

надо проверять, ситуация интересная

держите в курсе нас :)

На выходных или уже в пн попробую

как это можно в computed занести? <b-input v-model='filters.title' placeholder="Введите наазвание товара"></b-input> {{ filters.title }} или просто обработать этот инпут

как это можно в computed занести? <b-input v-model='filters.title' placeholder="Введите наазвание товара"></b-input> {{ filters.title }} или просто обработать этот инпут

а что ты хочешь получить?

а что ты хочешь получить?

название, короче есть объект, который пришол с api, и находить атрибут с названием продукта в объекте с помощью инпута

название, короче есть объект, который пришол с api, и находить атрибут с названием продукта в объекте с помощью инпута

то есть когда ты что то вводишь в инпут, ты хочешь тут же налету что то где то искать в зависимости от этого ввода?

то есть когда ты что то вводишь в инпут, ты хочешь тут же налету что то где то искать в зависимости от этого ввода?

+ да

https://enot-shop.turbocraft.ru/category/sborki-serverov

https://enot-shop.turbocraft.ru/category/sborki-serverov

то есть вводишь и асинхронно делаешь запросы к внешнему ресурсу?

то есть вводишь и асинхронно делаешь запросы к внешнему ресурсу?

нет, объект уже получен

то есть вводишь и асинхронно делаешь запросы к внешнему ресурсу?

он находится в localstorage

localStorage.setItem('products', JSON.stringify(this.products));

массив где надо искать уже в vuex у тебя?

data() { return { filters:{ title: '', }, loading: false, category: [], categories: [], localStorage: { products: [] }, products: [], product: [], error: null, }; },

массив где надо искать уже в vuex у тебя?

у меня vue + vue route

data() { return { filters:{ title: '', }, loading: false, category: [], categories: [], localStorage: { products: [] }, products: [], product: [], error: null, }; },

ну сделай computed функцию где будет filters.title и там ищи

ну сделай computed функцию где будет filters.title и там ищи

понял так и делаю

ну сделай computed функцию где будет filters.title и там ищи

только хз как вызвать его, пока засунул в v-for="product in filteredProducts"

только хз как вызвать его, пока засунул в v-for="product in filteredProducts"

что значит Вызвать?

что значит Вызвать?

при вводе

погоди у тебя при изменении инпута будет все происходить же

model это же value + change

просто сахар

Error in render: "TypeError: product.match is not a function" хм return this.products.filter((product) => { return product.match(this.filters.title); })

погоди у тебя при изменении инпута будет все происходить же

мне надо же обычный поиск сделать