Вопросы с меткой [vite]

Vite — это инструмент для сборки frontend-проектов на VueJS, который значительно упрощает разработку.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
20 показов

Как подключить яндекс карты api v3 к приложени на vue3?

документация дает примеры, см закладку vue.html для случая загрузки vue через CDN. в частности, там присуствует код, который обращается к глобальному экземпляру Vue const vuefy = ymaps3Vue.vuefy....
avestnik's user avatar
0 голосов
0 ответов
17 показов

Как использовать глобальные компоненты из сторонней библиотеки в моей библиотеке vue 3

У меня есть библиотека на vue 3, которая собирается с помощью vite. В index.ts файле я экспортирую компоненты наружу: import HelloWorld from './components/HelloWorld.vue' import TheWelcome from './...
Ilya's user avatar
  • 1
0 голосов
0 ответов
9 показов

Как корректно подключить к проекту на vue.js свой npm-пакет с несколькими entrypoints

Я делаю свой проект на VUE 3 версии (+TS). Некоторые служебные классы я вынес в отдельную NPM-библиотеку. Библиотека у меня собирается в несколько JS файлов (для каждого класса свой) + все ехпорты из ...
Алексей Матвеев's user avatar
0 голосов
0 ответов
13 показов

Почему vite.config.mts бесконечно плодится?

Почему-то, когда я переименовал файл vite.config.ts в vite.config.mts (согласно документации vite '.ts' уже устарело) у меня vite.config начал бесконечно плодится после каждого перезапуска
user avatar
0 голосов
1 ответ
31 показ

Не работает npm run dev laravel

Делаю тестовый проект на ларавел, подключил бутстрап, сделал npm i, далее пишу npm run dev, чтобы собрать проект и скомпилировать scss в сss, а он мне пишет Пробую npm vite, vite, dev, не хочет и все
Сергей's user avatar
0 голосов
1 ответ
43 показа

Сборщик Vite. Не могу передать свой localhost на другое устройство по ip, но на CRA это работает

Я читал документацию vite и другие статьи на счет этого, но не смог реализовать - новичок в этом деле. Помогите) На CRA http://{ip}:{port} работает, на vite нет.
Lui Wei Hon's user avatar
0 голосов
0 ответов
25 показов

Как переопределить плагин в пакете vite для стилей?

У меня есть проект написанный на React который собирается vite Мой конфиг import react from '@vitejs/plugin-react'; import * as path from 'path'; import { defineConfig, splitVendorChunkPlugin } from '...
Sergey's user avatar
  • 547
0 голосов
0 ответов
18 показов

Vitest + Emotion

Столкнулся с проблемой при использовании Vitest и Emotion в проекте с React + TS. Имеются тесты для компонента Select. Сам компонент стилизован через Emotion и после запуска тестов происходит вот ...
euorphans's user avatar
0 голосов
0 ответов
47 показов

Vite 5 не правильно прокладывает путь после билда

Я использую css файлик в котором подключаю шрифт вот так: @font-face { font-family: 'Fredoka'; src: url('../fonts/Fredoka-VariableFont_wdth,wght.ttf') format('truetype'); font-weight: ...
Dasderdas's user avatar
0 голосов
0 ответов
19 показов

Как билдить проект-расширение для браузера с vite?

Я предполагал такую структуру, я пишу проект в папке src а в браузер как расширение загружаю папку public куда должен буду билдить проект и добавлять ассеты. При этом файлик manifest.json изначально ...
Dasderdas's user avatar
0 голосов
0 ответов
27 показов

Не видит scss модуль

При добавлении компонента Registration в роут '/auth/' он перестаёт читать/видеть стили из своего модуля. Хотя если достать его из '/auth/' то начинает видеть стили обратно. В чём может быть трабл? ...
Ratibor's user avatar
1 голос
1 ответ
108 показов

Laravel 10 Vite Подключение скриптов\модулей\библиотек js

Обновляю проект на ларавел со старой версии до актуальной(10). При настройке шаблона встало 2 проблемы\задачи: Ранее (в старом проекте) не использовался Vite Многие библиотеки\скрипты подключались ...
Waldemar's user avatar
0 голосов
0 ответов
80 показов

Ошибка "Ymaps3 is not defined" в приложении Vite React SSR

У меня есть приложение на React, собранное через Vite и с поддержкой SSR. Одна из используемых библиотек работает через алиасы путей из tsconfig.json. Когда я пытаюсь импортировать и использовать эту ...
tema's user avatar
  • 1
0 голосов
0 ответов
54 показа

Страницы GitHub. При развёртывании проекта возникает ошибка

Проект React+Vite. При развёртывании возникает ошибка: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/jsx". Strict MIME ...
Мария's user avatar
0 голосов
0 ответов
81 показ

Laravel bootstrap via Vite npm run dev ReferenceError: path is not defined

Помогите разобраться как же все таки подключить bootstrap в Laravel 10.20 ... Вчера я выполнил такие действия для его подключения 1) установил пакет и запустил сборку (если я правильно понял как это ...
toorr2p's user avatar
  • 130
0 голосов
0 ответов
50 показов

Не отрабатывает autoprefixer в сборке vite для vue

Делал небольшой тестовый проект на Vue для наработки навыка и закрепления знаний. Сборка на vite. При build обнаружил, что в стилях нет префиксов в нужных css свойствах. Не могу понять в чем причина. ...
макс-bg's user avatar
0 голосов
0 ответов
33 показа

Как подключить jest к проекту на react + ts vite?

Пробовал как написано в доке jest но так у меня не работает. Постоянно вылетают ошибки то от бабеля то ts, то что-то с модулями, jsx, проблемы с import. Короче ад какой-то jest.config.js /** @type {...
Ratibor's user avatar
0 голосов
0 ответов
68 показов

Как залить на сервер проект VUE?

Vue3 Vite Написал приложение. Выполняю npm run build. Заливаю папку dist на хостинг. Запускаю index.html - белый экран. В консоли пишет что скрипты и стили по указанному пути не найдены, хотя они там ...
user580223's user avatar
0 голосов
0 ответов
81 показ

Как интегрировать vue 3 с этапом сборке на проекте с bitrix

Немного контекста. Сайт написан на bitrix, преимущественно на JQ. Я постепенно переписываю его на нативный js и vue Vue подключен через script и код пишется без этапа сборки. Разработка ведется через ...
Danil Bezrukov's user avatar
0 голосов
0 ответов
21 показ

Поломались vitest тесты, после того как я разделил проект на клиент/сервер и добавил несколько новых тайпскрипт конфигов

Изначальная структура проекта была: |src (папка с файлами nestjs) |vitest |tsconfig.json Я стал дружить его с next в итоге структура стала: |src |--client |--pages |--server |--shared |vitest |...
Sergey Inozemcev's user avatar
0 голосов
1 ответ
37 показов

VitePWA Как создать offline.html страницу?

Я пишу игру https://colobit.ru на react+ts+vite. Чтобы игру можно было установить, как нативное приложение, я использую плагин vitePWA и workbox. Недавно я сделал из приложения с помощью TWA apk файл ...
Color kat's user avatar
  • 582
0 голосов
0 ответов
45 показов

Падает билд приложения на React, Vite. Используем Ubuntu 20.04

При билде приложения вылетает подобная ошибка: 0.401 yarn run v1.22.19 0.426 $ vite build 0.641 vite v4.5.1 building for production... 0.673 transforming... 3.732 ✓ 868 modules transformed. 3.733 ✓ ...
kuz4dev's user avatar
0 голосов
1 ответ
82 показа

Не подключаются tailwind elements к проекту Laravel vue3 inertia

Не подключаются tw-elements к проекту на Laravel vue3 inertia. Все подключал и инициализировал по документации, сам tailwind (т.е стили) работает корректно и стили доступны в страницах vue3, но при ...
Дмитрий Хрипун's user avatar
0 голосов
0 ответов
367 показов

Как заставить Vite собрать проект, который можно запустить без веб-сервера?

Есть проект на Vue, собираемый через Vite. При сборке он добавляет итоговый main.js в head c атрибутом type='module'. Если открыть dist/index.html локально без веб-сервера, то получим ошибку CORS при ...
Talleyran's user avatar
  • 1,711
0 голосов
0 ответов
41 показ

Почему выходной файл js Vite добавляет в имя цифру 2?

Получаю Build в свою указанную папку Front, но в имя JS-файла всегда добавляется 2: формируются site.css и site2.js, хотя в конфиге конкретно - хочу именно site.js import { defineConfig } from 'vite'; ...
Михаил's user avatar
0 голосов
0 ответов
25 показов

Бэкенд и фронтенд на разных портах localhost, из-за этого возникают проблемы с куками

Когда пользователь входит в аккаунт, фронтенд (Vite) на порте 5173 отправляет запрос бэкенду (Express) на порте 80. Сервер обрабатывает запрос и отправляет заголовок Set-Cookie: token=...; Domain=....
GulgDev's user avatar
  • 31
0 голосов
0 ответов
20 показов

Почему я не могу использовать register/login с vite

import { useForm, SubmitHandler } from 'react-hook-form'; import axios from "axios" interface RegisterFormData { email: string; password: string; } const RegisterForm: React.FC = ()...
Key's user avatar
  • 1
0 голосов
0 ответов
42 показа

Почему vite вставляет index.css последним?

Простой вопрос - есть проект react, созданный на vite зависимости: "devDependencies": { "@types/react": "^18.2.33", "@types/react-dom": "^18.2.14&...
Александр Лебединский's user avatar
0 голосов
0 ответов
285 показов

SyntaxError: Cannot use import statement outside a module ошибка после перезагрузки сайта

C:\Users\user\Desktop\rtp.frontend\node_modules\vue-final-modal\dist\VueFinalModal.esm.js:1 import { ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick, withScopeId, pushScopeId, ...
creat1ve54's user avatar
2 голоса
0 ответов
287 показов

Конвертация изображений png, jpg в webp с параллельным их сжатием через плагин vite-plugin-image-optimizer в сборщике Vite

Имеется сборка в Vite со следующей конфигурацией vite.config.js: import { defineConfig } from 'vite'; import injectHTML from 'vite-plugin-html-inject'; import { ViteImageOptimizer } from 'vite-plugin-...
yanballas's user avatar
0 голосов
1 ответ
30 показов

Замена содержимого в файле ОТ и ДО с помощью плагина для nodejs + vite (webpack)

Изучаю написание web части для wifi модуля. Использую Preact+nodejs+vite (webpack)... для создания Frontend. Есть файл WebAssets.h (текстовый файл) с содержимым: const char index_html[] PROGMEM = R&...
Олег Перевышин's user avatar
0 голосов
0 ответов
77 показов

Laravel Mix+vite не указывается версия css и js в blade шаблоне

В html не указывается версия css и js. Содержимое vite.config.js: import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ build: { ...
Erik Mark's user avatar
1 голос
2 ответа
579 показов

Белый экран при deploy vite/react на gh-pages

Обращаюсь так как не смог найти решение на форумах. Выдаёт данные ошибки в консоль: [Error] Failed to load resource: the server responded with a status of 404 () (index-3d8e5605.css, line 0) [Error] ...
Владимир Романенко's user avatar
0 голосов
1 ответ
37 показов

Vite не создаёт совместимость с IE 10

Пишу SPA приложение Vue3 + Laeavel + Vuex, для сборки фронта используется Vite. Появилась необходимость в совместимости с IE 10. Но никак не получается настроить всё так, чтобы оно в нём работало. ...
vladvad2002's user avatar
0 голосов
0 ответов
115 показов

vite app.js не подключается - connection timeout. Неверный путь?

Проблема с подключением vite. Сейчас имеется проект на Laravel, который - часть корп.портала Bitrix, хочу подключить к нему vuejs, vue-router через vite. Проблема в том, что мой адрес сервиса -https:/...
Константин Сингалов's user avatar
0 голосов
0 ответов
18 показов

Как типизировать функцию в vitest, что бы можно было вызвать у нее метод mockReturnValue?

Имеется вот такой вот тест it("Closing and opening mobile navigation", async () => { // Мокаем данные на отрисовку mobile версии (useScreenResolution as Mock).mockReturnValue("mobile"); ...
brepex's user avatar
  • 11
0 голосов
1 ответ
101 показ

Vite, React + TS выдает тонну странных ошибок тайпскрипта

Ставил все так: > npm create vite@latest > . > react > typescript Получаю тонну таких вот ошибок а если сменить FC на React.FC, то пропсы хедера вообще станут any, не смотря на ...
Kristiano Odadu's user avatar
0 голосов
0 ответов
32 показа

Как в vitest js сравнить структуру двух объектов

Допустим у меня есть два объекта: const karp = { name: "kl", age: 18, }; const cazan = { name: "kl", age: 17, }; Я хочу сравнить объекты по структуре. Как ...
Karp's user avatar
  • 1
0 голосов
0 ответов
169 показов

Visual Studio Code не видит пути к псевдонимам - alias

При попытке перейти по import в VSCode выдает ошибку: Не удалось открыть редактор, так как файл не найден. Я использую Vite. В настройках указал alias и так же указала в tsconfig, но это не помогло. ...
Виталик Черный's user avatar
1 голос
0 ответов
39 показов

почему webstorm и typescript ругаются на получаение геттера написаного под pinia

У меня есть хранилище на pinia которое выглядит так export const useLanguage = defineStore<string, { current: string }>({ id: 'language', state: () => ({ current: 'en', }), ...
рагнарос повелитель огня's user avatar
0 голосов
0 ответов
355 показов

Не собирается проект React, Vite, TS. Heap of memory

Сначала очень долго пытается что-то сделать, а потом выбрасывает ошибку: git:(master) ✗ npm run build > [email protected] build > tsc && vite build <--- Last few GCs ---> [41975:...
Deahesi's user avatar
  • 69
0 голосов
1 ответ
173 показа

Ошибка подключения модуля в Nuxt 3 приложение

При сборке для разработки всё работает хорошо. Но если собирать production билд, то появляется ошибка. Ошибка: "custom-vue-scrollbar" is imported by ".nuxt/dist/server/_nuxt/[chunk].js&...
Oleksandr's user avatar
  • 444
0 голосов
0 ответов
47 показов

Как отключить ненужное сообщение в Vite?

Я вывожу в консоль props функционального компонента React. Я использовал компонент в App.jsx только 1 раз. Vite мне выводит 2 консоль лога: Object {name: "Игорь"}...
4elovek-4yBak's user avatar
0 голосов
1 ответ
99 показов

Как правильно обрабатывать внешние зависимости при сборке npm библиотеки

Делаю библиотеку ( ui компонент react, scss, но не суть ) в частности интересует вопрос как правильно обрабатывать при сборке внешние зависимости, которые указаны в блоке "dependencies": { ...
Eugene's user avatar
  • 1
0 голосов
0 ответов
224 показа

vite, npm run build, $ is not a function

Использую Vite в Laravel, подскажите, почему при запуске npm run dev сайт запускается без ошибок, а если запустить npm run build то выдаёт ошибку $ is not a function? vite.config.js import { ...
word's user avatar
  • 2,820
0 голосов
1 ответ
364 показа

Laravel vite, Failed to load PostCSS config

После установки breeze в Laravel в корне сайта появляется файл postcss.config.js: postcss.config.js export default { plugins: { tailwindcss: {}, autoprefixer: {}, }, }; и ...
word's user avatar
  • 2,820
0 голосов
0 ответов
261 показ

Could not resolve entry module "index.html"

Использую версию vite 4.3.8 Почему при сборке проекта через команду vite build, сообщает об ошибке Could not resolve entry module "index.html". error during build: RollupError: Could not ...
Серега Wend's user avatar
0 голосов
2 ответа
1k показов

В чем отличие public и assets?

Что такое (public, assets) и что в нем хранить? Зачем нам это?
Dias's user avatar
  • 59
2 голоса
1 ответ
253 показа

typescript не показывает ошибок в пропсах

Пишу приложение на Vite + Preact + Typescript + Eslint + Prettier Проблема в том, что typescript не показывает ошибки когда я передаю незадекларированные пропсы. Так же нет ошибок когда я НЕ передаю ...
HaZcker's user avatar
  • 1,308
0 голосов
1 ответ
250 показов

Почему Vite не подгружает js?

почему vite не подгружает js? Изначально в конце кода было так - <script src="{{ asset('js/core.min.js') }}"></script> <script src="{{ asset('js/script.js') }}">&...
markeze's user avatar
  • 31