configuración de ruta
La configuración ts del alias de la ruta del proyecto
no es compatible con el indicador de directorio que @ apunta a src,
por lo que debe configurar manualmente el símbolo @ para que apunte
a vite.config.ts
import path from 'path'
export default defineConfig({
plugins:[react()],
resolve:{
alias:{
"@":path.resolve(__dirname, './src')
}
}
})
Pero en este momento, se informará un error cuando se introduzca el módulo de ruta, pero de hecho, ya tenemos un nodo, por lo que ya tenemos un módulo de ruta y el conocimiento carece de configuración de declaración. Por lo que es necesario instalar la configuración de la declaración ts de la librería de nodos:
npm i -D @types/node
No hay popularidad después de la instalación. Si la ruta detrás de la importación se vuelve popular, modifique la importación:
import * as path from 'path'
Pero en este momento, si ingresa @, no hay solicitud para la ruta
Luego configure la solicitud de alias de ruta en tsconfig.json
{
"compilerOptions": {
//...
"baseUrl": "./",
"paths": {
"@/*": [
"src/*"
]
}
},
informar error
error del módulo de importación de reacción:
la ruta de importación no puede terminar con la extensión ".tsx". En su lugar, considere importar "./App.js"
en el archivo de declaración vite-env.d.ts
/// <reference types="vite/client" />
declare module '*.tsx'
Error: el argumento de tipo 'Elemento' no se puede asignar al parámetro de tipo 'ReactNode'.
Al tipo 'Elemento' le faltan las siguientes propiedades del tipo 'ReactPortal': clave, niños, tipo, accesorios
en tsconfig.js
"compilerOptions": {
//...
"moduleResolution": "node",
},