vite-tsconfig-paths not working
I have the following code but for some reason vite-tsconfig-paths is not recognized and therefore i get an error when running the code: import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [tsconfigPaths({ root: __dirname }), react()],
build: {
rollupOptions: {
output: {
manualChunks: {
antd: ["antd"],
},
},
},
},
});
3 Replies
Hi @Crazed. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the information provided in the knowledge sources, I don't have enough specific details about the
vite-tsconfig-paths plugin and its usage in Refine projects to directly address your issue. However, I can provide some general guidance based on Refine's use of Vite and TypeScript configurations.
1. First, make sure you have installed the vite-tsconfig-paths package. You can do this by running:
2. Check your tsconfig.json file to ensure it's properly configured. As mentioned in the TypeScript vs JavaScript blog post, you need a tsconfig.json file in your project root to configure TypeScript settings.
3. In your Vite configuration, you're using tsconfigPaths({ root: __dirname }). Try simplifying this to just tsconfigPaths() without any arguments, as shown in some Refine examples.
4. Ensure that your vite.config.ts (or vite.config.js) file is in the root of your project.
5. Double-check that you're using the correct import statement. It should be:
If you're still encountering issues after trying these steps, it might be helpful to check Refine's example projects that use Vite. According to the README in the examples directory, many of Refine's base examples have been updated to use Vite, including:
- base-antd
- base-chakra-ui
- base-mantine
You could review these examples to see how they configure Vite and TypeScript paths.
If the problem persists, you might want to check for any error messages in your console or build output, as they could provide more specific information about what's going wrong.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@217965123216736266> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
optimistic-goldOP•2w ago
thanks but now i need to install the following import: "@refinedev/kbar";
thanks but now i need to install the following import: "@refinedev/kbar";