Вопросы с меткой [vite]
Vite — это инструмент для сборки frontend-проектов на VueJS, который значительно упрощает разработку.
57
вопросов
0
голосов
1
ответ
25
показов
Не подключаются tailwind elements к проекту Laravel vue3 inertia
Не подключаются tw-elements к проекту на Laravel vue3 inertia. Все подключал и инициализировал по документации, сам tailwind (т.е стили) работает корректно и стили доступны в страницах vue3, но при ...
0
голосов
0
ответов
56
показов
Как заставить Vite собрать проект, который можно запустить без веб-сервера?
Есть проект на Vue, собираемый через Vite. При сборке он добавляет итоговый main.js в head c атрибутом type='module'. Если открыть dist/index.html локально без веб-сервера, то получим ошибку CORS при ...
0
голосов
0
ответов
13
показов
Почему выходной файл js Vite добавляет в имя цифру 2?
Получаю Build в свою указанную папку Front, но в имя JS-файла всегда добавляется 2:
формируются site.css и site2.js,
хотя в конфиге конкретно - хочу именно site.js
import { defineConfig } from 'vite';
...
0
голосов
0
ответов
13
показов
Бэкенд и фронтенд на разных портах localhost, из-за этого возникают проблемы с куками
Когда пользователь входит в аккаунт, фронтенд (Vite) на порте 5173 отправляет запрос бэкенду (Express) на порте 80. Сервер обрабатывает запрос и отправляет заголовок Set-Cookie: token=...; Domain=....
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 = ()...
0
голосов
0
ответов
24
показа
Почему vite вставляет index.css последним?
Простой вопрос - есть проект react, созданный на vite
зависимости:
"devDependencies": {
"@types/react": "^18.2.33",
"@types/react-dom": "^18.2.14&...
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, ...
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-...
0
голосов
1
ответ
23
показа
Замена содержимого в файле ОТ и ДО с помощью плагина для nodejs + vite (webpack)
Изучаю написание web части для wifi модуля. Использую Preact+nodejs+vite (webpack)... для создания Frontend.
Есть файл WebAssets.h (текстовый файл) с содержимым:
const char index_html[] PROGMEM = R&...
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: {
...
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] ...
0
голосов
1
ответ
26
показов
Vite не создаёт совместимость с IE 10
Пишу SPA приложение Vue3 + Laeavel + Vuex, для сборки фронта используется Vite. Появилась необходимость в совместимости с IE 10. Но никак не получается настроить всё так, чтобы оно в нём работало.
...
0
голосов
0
ответов
75
показов
vite app.js не подключается - connection timeout. Неверный путь?
Проблема с подключением vite. Сейчас имеется проект на Laravel, который - часть корп.портала Bitrix, хочу подключить к нему vuejs, vue-router через vite. Проблема в том, что мой адрес сервиса -https:/...
0
голосов
0
ответов
12
показов
Как типизировать функцию в vitest, что бы можно было вызвать у нее метод mockReturnValue?
Имеется вот такой вот тест
it("Closing and opening mobile navigation", async () => {
// Мокаем данные на отрисовку mobile версии
(useScreenResolution as Mock).mockReturnValue("mobile");
...
0
голосов
1
ответ
48
показов
Vite, React + TS выдает тонну странных ошибок тайпскрипта
Ставил все так:
> npm create vite@latest
> .
> react
> typescript
Получаю тонну таких вот ошибок
а если сменить FC на React.FC, то пропсы хедера вообще станут any, не смотря на ...
0
голосов
0
ответов
24
показа
Как в vitest js сравнить структуру двух объектов
Допустим у меня есть два объекта:
const karp = {
name: "kl",
age: 18,
};
const cazan = {
name: "kl",
age: 17,
};
Я хочу сравнить объекты по структуре.
Как ...
0
голосов
0
ответов
72
показа
Visual Studio Code не видит пути к псевдонимам - alias
При попытке перейти по import в VSCode выдает ошибку: Не удалось открыть редактор, так как файл не найден.
Я использую Vite. В настройках указал alias и так же указала в tsconfig, но это не помогло.
...
1
голос
0
ответов
26
показов
почему webstorm и typescript ругаются на получаение геттера написаного под pinia
У меня есть хранилище на pinia которое выглядит так
export const useLanguage = defineStore<string, { current: string }>({
id: 'language',
state: () => ({
current: 'en',
}),
...
0
голосов
0
ответов
213
показов
Не собирается проект React, Vite, TS. Heap of memory
Сначала очень долго пытается что-то сделать, а потом выбрасывает ошибку:
git:(master) ✗ npm run build
> [email protected] build
> tsc && vite build
<--- Last few GCs --->
[41975:...
0
голосов
1
ответ
88
показов
Ошибка подключения модуля в Nuxt 3 приложение
При сборке для разработки всё работает хорошо. Но если собирать production билд, то появляется ошибка.
Ошибка: "custom-vue-scrollbar" is imported by ".nuxt/dist/server/_nuxt/[chunk].js&...
0
голосов
0
ответов
27
показов
Как отключить ненужное сообщение в Vite?
Я вывожу в консоль props функционального компонента React. Я использовал компонент в App.jsx только 1 раз. Vite мне выводит 2 консоль лога:
Object {name: "Игорь"}...
0
голосов
1
ответ
57
показов
Как правильно обрабатывать внешние зависимости при сборке npm библиотеки
Делаю библиотеку ( ui компонент react, scss, но не суть ) в частности интересует вопрос как правильно обрабатывать при сборке внешние зависимости, которые указаны в блоке
"dependencies": {
...
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 { ...
0
голосов
1
ответ
195
показов
Laravel vite, Failed to load PostCSS config
После установки breeze в Laravel в корне сайта появляется файл postcss.config.js:
postcss.config.js
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
и ...
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 ...
0
голосов
2
ответа
553
показа
В чем отличие public и assets?
Что такое (public, assets) и что в нем хранить? Зачем нам это?
2
голоса
1
ответ
174
показа
typescript не показывает ошибок в пропсах
Пишу приложение на Vite + Preact + Typescript + Eslint + Prettier
Проблема в том, что typescript не показывает ошибки когда я передаю незадекларированные пропсы.
Так же нет ошибок когда я НЕ передаю ...
0
голосов
1
ответ
156
показов
Почему Vite не подгружает js?
почему vite не подгружает js? Изначально в конце кода было так -
<script src="{{ asset('js/core.min.js') }}"></script>
<script src="{{ asset('js/script.js') }}">&...
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 ...
0
голосов
0
ответов
51
показ
Не подгружается HTML страница Vue3 + Vite
Учусь писать на Vue и использую Vite. Создал тестовый проект, настроил vite.config.js, создал необходимую мне структуру файлов и папок (предполагается многостраничный вебсайт). Запускаю сервер через ...
0
голосов
0
ответов
134
показа
Laravel, запуск в продакшн с vite, npm run build не собирается и выдает ошибку и ругается на storage link
Первый раз загружаю на хостинг, помогите пожалуйста. Laravel+Vue не собирается, выдает ошибку после npmrun build, точнее ругается на storage link, видать хочет полный путь. Можно ли это обойти?
Ошибка:...
0
голосов
0
ответов
249
показов
Создание webp в VITE
Пытаюсь настроить в VITE, чтобы имеющийся формат изображений конвертировался в формат webp, но не заменяя оригиналы, а дополнительно складывались в dist, чтобы потом подставлять в браузере, в ...
0
голосов
0
ответов
39
показов
Почему созданное мной окно в Tauri не видит TypeScript файлы?
В общем, при разработке tauri приложения всё было отлично (имеется в виду, при вызове команды npm run tauri dev), а в релизной версии (npm run tauri build) имеется проблема с typescript файлами, ...
0
голосов
0
ответов
115
показов
LocalHost на vite перестал обновлять страницу
Сломался локалхост. После внесения и сохранения изменений запущенный локалхост не вносит обновления на страницу. Обновляет данные только после перезапуска сервера. Какие могут быть проблемы? Как это ...
0
голосов
1
ответ
48
показов
PHPStorm не может правильно найти файл, если указать lang=ts
Пишу приложеньку на Vue3+TS+Vite в PHPStorm. Сегодня возникла такая проблемка: PHPStorm не может зарезолвить созданные в Vite алиасы, если в атрибутах <scrypt> у компонента Vue указать lang=&...
0
голосов
1
ответ
193
показа
Vite-PWA plugin не работает runtimeCaching
Я решил переделать своё приложение со своего serviceWorker на отдельный плагин vite, тк это просто удобнее. Вот мой конфиг:
import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';...
0
голосов
0
ответов
49
показов
Текст vue 3 ts не отображается
Я создаю клон веб-приложения Trello.
У меня проблема с тем, что текст не отображается.
EventCard code:<template>
<div class="bg-white rounded-md shadow-md">
<div ...
0
голосов
1
ответ
300
показов
Проблема с переносом проекта laravel+vueJS на хостинг
Прошу помощи, перепробовал всё, что нашёл в интернете, но видимо где-то допускаю ошибку. Первый раз заливаю на хостинг VueJS'ный сайт.
Laravel 9 + VueJS (используется vite). На домашнем пк всё отлично,...
0
голосов
1
ответ
116
показов
Не обновляются данные при сохранении vue docker
Изменяю произвольный файл .вью, сохраняю, перезагружаю страницу на локалке и изменения не вступают в силу.
Dockerfile
FROM node:lts-alpine3.17 as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm ...
0
голосов
0
ответов
97
показов
Проблема с путями во время продакшн сборки Vite
Проще говоря - после билда проекта, нужно еще подправлять пути в итоговом файле html
1
голос
1
ответ
280
показов
Не удается получить доступ к переменным из файла .env
Пытаюсь получить значения переменных из .env, но все переменные is not defined.
tsconfig.json
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"lib": ["DOM"...
2
голоса
0
ответов
246
показов
Ломаются пути при использовании SCSS и сборщика (Vite)
Один и тот же код прекрастно работает на CSS, но отказывается работать на SCSS.
CSS
@import url("bootstrap/dist/css/bootstrap.min.css");
@import url("bootstrap-icons/font/bootstrap-...
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 ...
0
голосов
2
ответа
1k
показов
Настройка Vite в Laravel 9
В последних версиях Laravel в коробке идет Vite, который у меня никак не хочет работать нормально. В данный момент есть 2 основные проблемы:
При сборке vite build он бросает все файлы в папку public/...
0
голосов
0
ответов
52
показа
Доступ с состоянию приложения в quasar (vue3) из middleware с стейт менеджером pinia
Каким образом я могу получить доступ к состоянию приложения (pinia) в middleware в quasar (vue3) c ssr.
apartmentsStore.js
import {defineStore} from "pinia"
export const useApartStore = ...
0
голосов
0
ответов
212
показов
Nuxt 3 - WebStorm не видит alias
Как заставить Webstorm считывать alias указанный в nuxt.config.ts для SCSS? В файлах .
// nuxt.config.ts
export default defineNuxtConfig({
srcDir: "src/",
alias: {
"@app-...
0
голосов
0
ответов
147
показов
Как определить глобальные модули в Vite.js?
В Webpack есть плагин webpack.ProvidePlugin, который позволяет определить глобальные модули, такие как, например, jQuery, React, Buffer и другие, чтобы их потом можно было использовать в любом файле ...
0
голосов
0
ответов
164
показа
Laravel Vite на хостинге, где нет NPM
подскажите, пожалуйста, как корректно выгрузить проект laravel с vite на хостинг, где его нет.
Пытался различными способами, даже пути указывал ко всем js, но так не работает.
Научите, пожалуйста, или ...
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/...
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