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

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

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

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

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

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

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

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

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

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

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

Почему я не могу использовать 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 ответов
24 показа

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

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

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 ответов
110 показов

Конвертация изображений 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 ответ
23 показа

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

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

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 ответа
262 показа

Белый экран при 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 ответ
26 показов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Не собирается проект 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 ответ
88 показов

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

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

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

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

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

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

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,780
0 голосов
1 ответ
195 показов

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,780
0 голосов
0 ответов
161 показ

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 ответа
553 показа

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

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

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

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

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

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

Хочу кешбек моих 3 часов Error: The following dependencies are imported but could not be resolved:

Подключил react-bootstrap по офф.туториалу: npm install react-bootstrap bootstrap, скопировал тестовый код, импорты для слайдера: import Carousel from 'react-bootstrap/Carousel'; function ...
MainerExp's user avatar
0 голосов
0 ответов
51 показ

Не подгружается HTML страница Vue3 + Vite

Учусь писать на Vue и использую Vite. Создал тестовый проект, настроил vite.config.js, создал необходимую мне структуру файлов и папок (предполагается многостраничный вебсайт). Запускаю сервер через ...
429's user avatar
  • 141
0 голосов
0 ответов
134 показа

Laravel, запуск в продакшн с vite, npm run build не собирается и выдает ошибку и ругается на storage link

Первый раз загружаю на хостинг, помогите пожалуйста. Laravel+Vue не собирается, выдает ошибку после npmrun build, точнее ругается на storage link, видать хочет полный путь. Можно ли это обойти? Ошибка:...
Hua Cheng's user avatar
0 голосов
0 ответов
249 показов

Создание webp в VITE

Пытаюсь настроить в VITE, чтобы имеющийся формат изображений конвертировался в формат webp, но не заменяя оригиналы, а дополнительно складывались в dist, чтобы потом подставлять в браузере, в ...
Ivan Malovichko's user avatar
0 голосов
0 ответов
39 показов

Почему созданное мной окно в Tauri не видит TypeScript файлы?

В общем, при разработке tauri приложения всё было отлично (имеется в виду, при вызове команды npm run tauri dev), а в релизной версии (npm run tauri build) имеется проблема с typescript файлами, ...
ldslv's user avatar
  • 1
0 голосов
0 ответов
115 показов

LocalHost на vite перестал обновлять страницу

Сломался локалхост. После внесения и сохранения изменений запущенный локалхост не вносит обновления на страницу. Обновляет данные только после перезапуска сервера. Какие могут быть проблемы? Как это ...
chmo_publican 's user avatar
0 голосов
1 ответ
48 показов

PHPStorm не может правильно найти файл, если указать lang=ts

Пишу приложеньку на Vue3+TS+Vite в PHPStorm. Сегодня возникла такая проблемка: PHPStorm не может зарезолвить созданные в Vite алиасы, если в атрибутах <scrypt> у компонента Vue указать lang=&...
RAMe0's user avatar
  • 688
0 голосов
1 ответ
193 показа

Vite-PWA plugin не работает runtimeCaching

Я решил переделать своё приложение со своего serviceWorker на отдельный плагин vite, тк это просто удобнее. Вот мой конфиг: import {defineConfig} from 'vite'; import laravel from 'laravel-vite-plugin';...
Color kat's user avatar
  • 582
0 голосов
0 ответов
49 показов

Текст vue 3 ts не отображается

Я создаю клон веб-приложения Trello. У меня проблема с тем, что текст не отображается. EventCard code:<template> <div class="bg-white rounded-md shadow-md"> <div ...
Anime Geng's user avatar
0 голосов
1 ответ
300 показов

Проблема с переносом проекта laravel+vueJS на хостинг

Прошу помощи, перепробовал всё, что нашёл в интернете, но видимо где-то допускаю ошибку. Первый раз заливаю на хостинг VueJS'ный сайт. Laravel 9 + VueJS (используется vite). На домашнем пк всё отлично,...
Константин Сингалов's user avatar
0 голосов
1 ответ
116 показов

Не обновляются данные при сохранении vue docker

Изменяю произвольный файл .вью, сохраняю, перезагружаю страницу на локалке и изменения не вступают в силу. Dockerfile FROM node:lts-alpine3.17 as build-stage WORKDIR /app COPY package*.json ./ RUN npm ...
Less_than_junior's user avatar
0 голосов
0 ответов
97 показов

Проблема с путями во время продакшн сборки Vite

Проще говоря - после билда проекта, нужно еще подправлять пути в итоговом файле html
ruseykoo's user avatar
1 голос
1 ответ
280 показов

Не удается получить доступ к переменным из файла .env

Пытаюсь получить значения переменных из .env, но все переменные is not defined. tsconfig.json { "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "lib": ["DOM"...
sharkDw's user avatar
  • 11
2 голоса
0 ответов
246 показов

Ломаются пути при использовании SCSS и сборщика (Vite)

Один и тот же код прекрастно работает на CSS, но отказывается работать на SCSS. CSS @import url("bootstrap/dist/css/bootstrap.min.css"); @import url("bootstrap-icons/font/bootstrap-...
Object417's user avatar
  • 1,169
0 голосов
1 ответ
125 показов

Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../"

Использую сборщик Vite. Запускаю собранную, production версию при помощи LiveServer Выдает данную ошибку в консоли Uncaught TypeError: Failed to resolve module specifier "vue". Relative ...
Arteil's user avatar
  • 61
0 голосов
2 ответа
1k показов

Настройка Vite в Laravel 9

В последних версиях Laravel в коробке идет Vite, который у меня никак не хочет работать нормально. В данный момент есть 2 основные проблемы: При сборке vite build он бросает все файлы в папку public/...
Anton's user avatar
  • 93
0 голосов
0 ответов
52 показа

Доступ с состоянию приложения в quasar (vue3) из middleware с стейт менеджером pinia

Каким образом я могу получить доступ к состоянию приложения (pinia) в middleware в quasar (vue3) c ssr. apartmentsStore.js import {defineStore} from "pinia" export const useApartStore = ...
Andrey Frolov's user avatar
0 голосов
0 ответов
212 показов

Nuxt 3 - WebStorm не видит alias

Как заставить Webstorm считывать alias указанный в nuxt.config.ts для SCSS? В файлах . // nuxt.config.ts export default defineNuxtConfig({ srcDir: "src/", alias: { "@app-...
Данил Пономаренко's user avatar
0 голосов
0 ответов
147 показов

Как определить глобальные модули в Vite.js?

В Webpack есть плагин webpack.ProvidePlugin, который позволяет определить глобальные модули, такие как, например, jQuery, React, Buffer и другие, чтобы их потом можно было использовать в любом файле ...
Object417's user avatar
  • 1,169
0 голосов
0 ответов
164 показа

Laravel Vite на хостинге, где нет NPM

подскажите, пожалуйста, как корректно выгрузить проект laravel с vite на хостинг, где его нет. Пытался различными способами, даже пути указывал ко всем js, но так не работает. Научите, пожалуйста, или ...
user20808014's user avatar
0 голосов
2 ответа
442 показа

Как импортировать множество изображений? Vite/Svelte

Для использования статики, а именно изображений, используют import moduleName from 'module': import urlImg from './assets/img.svg' import urlImg2 from './assets/img2.svg' import urlImg3 from './assets/...
RoNULL's user avatar
  • 88
0 голосов
1 ответ
34 показа

Ошибка в браузере с Vite и Ace code editor

Ошибка: Unable to infer path to ace from script src, use ace.config.set('basePath', 'path') to enable dynamic loading of modes and themes or with webpack use ace/webpack-resolver
RoNULL's user avatar
  • 88