Missing styles when using vite build.
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript, vite
- Área
- build-system, frontend
Línea de trabajo
Comienza reproduciendo el informe con las versiones indicadas de @uiw/react-codemirror, CodeMirror, theme y Vite, y ejecuta vite build usando los imports mostrados. Compara la salida de la compilación con los estilos esperados de CodeMirror y theme; se considera terminado cuando la distribución generada incluye los estilos o documenta un workaround de importación funcional.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
When trying to build my app with vite build. The generated code won't include the styles of codemirror or any themes. It looks like in a previous version (5). There was the .css file on the dist folder of the module that devs could import directly but now there is no such file and vite is having difficulties bundling the styles.
here is how im importing the editor:
import CodeMirror, { EditorView, basicSetup } from '@uiw/react-codemirror';
import { sql } from '@codemirror/lang-sql';
import { vscodeLight, vscodeLightInit } from '@uiw/codemirror-theme-vscode';
import { autocompletion, Completion, CompletionContext } from '@codemirror/autocomplete';
import { useEffect, useState } from 'react';
import { TableData } from '../../utils/utils';
import React from 'react';
import { LanguageSupport } from '@codemirror/language';
the version of the pacakges:
"@codemirror/lang-sql": "^6.8.0",
"@uiw/codemirror-theme-eclipse": "^4.23.6",
"@uiw/codemirror-theme-vscode": "^4.23.6",
"@uiw/react-codemirror": "^4.23.6",
"codemirror": "^6.0.1",
"vite": "^5.4.0"
Is there a work around this, so I can run the build and include the styles?
Thanks for the help in advance
- Lenguaje dominante
- TypeScript
- Estrellas
- 2.3k
- Forks
- 162
- Merge medio
- 2 h 41 min
- PR fusionados (30 d)
- 1
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de uiwjs/react-codemirror
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
uiwjs/react-codemirror#766 · 2 comentarios ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
uiwjs/react-codemirror#765 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
uiwjs/react-codemirror#772 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
uiwjs/react-codemirror#770 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 48/100
uiwjs/react-codemirror#767 · 2 comentarios ·
Todos los issues de uiwjs/react-codemirror
Issues similares
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 82/100
siyuan-note/siyuan#20313 ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 92/100
alunduil/projects-v2-sync#14 ·
-
Service process inherits the caller's cwd at first use, holding that folder open on Windows (EBUSY)Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
-
DevTools page styles leak into the host app in developmentPosiblemente ocupada @onmax la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
nuxt-modules/better-auth#567 · 1 comentario ·
Los mantenedores suelen responder en 1 día