const webpack = require('webpack'), path = require('path'); // TODO: add autoprefixer module.exports = { entry: './development/main.ts', output: { path: path.resolve(__dirname, './app/scripts'), publicPath: 'scripts', filename: '[name].js' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { scss: [ 'vue-style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader', { // Make possible to automatically load general settings styles (as vars/placeholders/mixins) in components loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, './development/styles/_variables.scss') } } ] } } }, { test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules|vue\/development/, options: { appendTsSuffixTo: [/\.vue$/] } }, // { // test: /\.js$/, // loader: 'babel-loader' // }, { test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/, loader: 'file-loader' } ] }, resolve: { extensions: ['.ts', '.tsx', '.js'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@comp': path.resolve(__dirname, './development/components'), '@pages': path.resolve(__dirname, './development/pages'), '@': path.resolve(__dirname, './development') } }, devServer: { historyApiFallback: true }, devtool: '#cheap-eval-source-map' }

Пишет TS2307: Cannot find module

И ещё что-то похоже связаное c scss (хотя до попытки внедрить ts всё было ок) - TypeError: Cannot read property 'context' of undefined

это вроде тсовая ошибка уже?

видимо ты где то импорт не написал в проекте

или что то вроде того

И ещё что-то похоже связаное c scss (хотя до попытки внедрить ts всё было ок) - TypeError: Cannot read property 'context' of undefined

ошибка все говорит

ищи где используешь context

сделай проверку на undefined

видимо ты где то импорт не написал в проекте

import CustomInput from './components/FormComponents/CustomInput.vue' в чём ошибка может быть?

ну не факт что тут

сложно понять просто так

попробуй выпиливать частями что-то из проекта

пока ошибка не пропадет

чтобы понять где

если строчка не указана

не знаю что еще посоветовать

VSCode подсвечивает, что тут, как и любой другой импорт

либо код на гитхаб

все импорты не работают

которые используют относительны1 путь

ты с 0 конфиг вебпака писал или шаблон взял?

с 0 писал

которые используют относительны1 путь

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

вебпак не то резолвит

в эту сторону копай

для точки входа я только расширение поменял с .js на .ts

до этого всё было гуд

Ребят так как я новичок в Вью. Можете простым человеческим языком объяснить чем отличается методы от computed

computed - то типа геттеров

пасибо

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

я локально

регаю

как в статье

Парни

может кто сталкивался

нужно сделать конструктор слайдов, но штука в том, что надо это потом рендерить в видео

Подробнее

нужно накидать веб конструктор слайдов, затем при нажатии на чудокнопку рендерить их в видео

нужно сделать конструктор слайдов, но штука в том, что надо это потом рендерить в видео

Вы предлагаете работу? Или спрашиваете как такое сделать?

ищу готовые решения или наиболее близкие к моей задаче инструменты

ну загружаешь файлы, отрисовываешь их как-то, хранишь массив файлов, при нажатии на кнопку на бэке делаешь какой-нибудь ffmpeg и отдаёшь результат

ну загружаешь файлы, отрисовываешь их как-то, хранишь массив файлов, при нажатии на кнопку на бэке делаешь какой-нибудь ffmpeg и отдаёшь результат

весьма затратно по ресурсам.

весьма затратно по ресурсам.

А по другому никак.

уже нашел способы, но там они в статусе expiremental

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

локально, за очень редкими исключениями

А вот тут можно по подробнее?

Локально - это подключение непосредственно в компонент в котором он будет рендериться? А глобально это в root компонент?

https://ru.vuejs.org/v2/guide/components.html#%D0%98%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%BE%D0%B2

Локально - это подключение непосредственно в компонент в котором он будет рендериться? А глобально это в root компонент?

Глобально - это глобально. Везде

Доку я читал... Наверное ещё раз нужно перечитать...

Доку я читал... Наверное ещё раз нужно перечитать...

Да. Это нормально

А чем локальное подключение за редким исключением?

Локальная регистрация компонентов в 99% случаев достаточна

Остаются плагины куда надо подключать через глобальную регистрацию, базовые компоненты всего приложения или компоненты плагинов где почему-то автору надо именно глобально регать

Встречается это нечасто, но случается

А... Я не правильно понял

Я чет подумал на оборот

Встречается это нечасто, но случается

вот у меня в проекте так случилось) пара компонентов в app.js, а все остальные локально

У нас например для vue-form-generator приходится глобально подключать компоненты кастомных полей

Да я тоже все локально подключаю, я чет подумал что вы топите за глобальное подключение

кто ssr делал с laravel? какие подводные камни?

кто ssr делал с laravel? какие подводные камни?

Айсберг 20 этажный)))

кто ssr делал с laravel? какие подводные камни?

У тебя ларавел апи онли?

У тебя ларавел апи онли?

вот по этой статье думаю делать https://medium.com/js-dojo/advanced-server-side-rendering-with-laravel-vue-multi-page-app-486b706e654 да, только API

ну т.е. было гибридное лара+вью, но перехожу на spa, тк от лары осталась только авторизация, проверки всякие и api

ну т.е. было гибридное лара+вью, но перехожу на spa, тк от лары осталась только авторизация, проверки всякие и api

Ну не вижу камней если нужно разнести. Что-то точно пойдет не так, но вы же эксперт?!))

Ну не вижу камней если нужно разнести. Что-то точно пойдет не так, но вы же эксперт?!))

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

Ну в первую очередь ты сам определил свой статус

Ну в первую очередь ты сам определил свой статус

Что за статус?

Что за статус?

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

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

Даже если кто-то делал. Это все равно будет не то что у тебя. В любом случае что-то пойдет не так и это нужно будет решать "на месте"

Ну в первую очередь ты сам определил свой статус

я уже делаю успехи!

я уже делаю успехи!

убрал одно ругательство на себя из арсенала?

убрал одно ругательство на себя из арсенала?

ахах, да, но еще не решил какое

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

Если компоненты часто будут встречаться по всему приложению, можно и глобально зарегать - ничего страшного не произойдёт

Только чаще придется поиск по проекту юзать)

кто на typescript пишет? пытаюсь добавить свойство во Vue.prototype Vue.prototype.$moment = moment но typescript ругается, когда его использую в компоненте Property '$moment' does not exist on type 'CombinedVueInstance Я так понимаю тут нужна аугментация, но `import Vue from 'vue' declare module 'vue/types/vue' { interface Vue { $moment: any } }` ничем не помогает

Только чаще придется поиск по проекту юзать)

отчего же?

а если насильно привести к интерфейсу?