34 comments found.
after I download and install, then yarn run dev, I got error like this: ➜ tailwise2 yarn run dev file:///Users/wiedhodho/Projects/tailwise2/tailwind.config.js:1 const plugin = require(“tailwindcss/plugin”); ^
VITE v5.4.21 ready in 1721 ms➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show helpReferenceError: require is not defined at file:///Users/wiedhodho/Projects/tailwise2/tailwind.config.js:1:16 at ModuleJobSync.runSync (node:internal/modules/esm/module_job:395:35) at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:329:47) at loadESMFromCJS (node:internal/modules/cjs/loader:1414:24) at Module._compile (node:internal/modules/cjs/loader:1547:5) at Object..js (node:internal/modules/cjs/loader:1677:16) at Module.load (node:internal/modules/cjs/loader:1318:32) at Function.<anonymous> (node:internal/modules/cjs/loader:1128:12) at require$$0.Module._load (/Users/wiedhodho/Projects/tailwise2/.pnp.cjs:10827:31) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:219:24) at Module.require (node:internal/modules/cjs/loader:1340:12) at require (node:internal/modules/helpers:138:16) at /Users/wiedhodho/.yarn/berry/cache/tailwindcss-npm-3.4.18-90a8189ac9-10c0.zip/node_modules/tailwindcss/lib/lib/load-config.js:51:20
when I run the react (vite), it is showing me below error
Missing ”./dist/simplebar.css” specifier in “simplebar” package
Hi, I bought the template. It is great. However, if you add RTL (right to left) support as many big templates. It will be perfect.
thank you
Great theme! however we need to have RTL support.
Does it has full figma kit for all pages
You must add Error pages like 404, 403
Hi! Sorry for the late reply, and thank you so much for your suggestion, we really appreciate it! Let us know if you have any other feedback!
Hi! I have bought this template and I need the landing page that you have. No landing page is included. Can you please send to me your landing page: https://tailwise-react.left4code.com/landing-page Thanks!
My bad 
I just found the landing page is already included in the template. Plz ignore my prev msg.
No worries at all! Sorry for the late reply, and thank you for reaching out to us. Let us know if you have any other questions, we’re happy to help!
> tailwise-react@0.0.0 dev > npm run ts-check && vite
> tailwise-react@0.0.0 ts-check > tsc—noEmit
node_modules/tom-select/src/tom-select.ts:768:10 – error TS6133: ‘e’ is declared but its value is never read.
768 onInput(e:MouseEvent|KeyboardEvent):void {
node_modules/tom-select/src/tom-select.ts:809:17 – error TS6133: ‘evt’ is declared but its value is never read.
809 onOptionHover( evt:MouseEvent|KeyboardEvent, option:HTMLElement ):void{ ~
node_modules/tom-select/src/tom-select.ts:846:9 – error TS6133: ‘e’ is declared but its value is never read.
846 onBlur(e?:FocusEvent):void { ~
node_modules/tom-select/src/tom-select.ts:1845:14 – error TS6133: ‘option’ is declared but its value is never read.
1845 clearFilter(option:TomOption,value:string){ ~~~
node_modules/tom-select/src/tom-select.ts:2508:12 – error TS6133: ‘direction’ is declared but its value is never read.
2508 moveCaret(direction:number){} ~~~~
node_modules/tom-select/src/tom-select.ts:2537:11 – error TS6133: ‘new_pos’ is declared but its value is never read.
2537 setCaret(new_pos:number) { ~~~~
Found 6 errors in the same file, starting at: node_modules/tom-select/src/tom-select.ts:768
getting this error after adding ts checks
Hi, Sorry for the late reply. We will check this issue and include a fix in the next update. Thank you for your patience!
Feel free to reach out if you need further assistance.
Hi, thank you so much for your outstanding work. After installing all dependencies and trying to run the app as is we got the following error:
Source/tailwind.config.js:1 const plugin = require(“tailwindcss/plugin”); ^
ReferenceError: require is not defined
we tried multiple things here and there however we were not able to run the app.
Dear abdullahdev2035,
Thank you for reaching out and for your kind words about our work! Apologies for the delayed response, I truly appreciate your patience.
To better assist you with the issue regarding require is not defined, could you kindly provide the following details? This will help us reproduce the problem and provide an accurate solution:
1. Steps to Reproduce the Issue:
Please let us know the steps you followed after installing the dependencies, leading to this error.
2. Node.js and npm Versions:
Share the versions of Node.js and npm you’re using. You can check them by running:
node -v
npm -v
3. Environment Details:
Let us know the operating system and development environment you’re using.
Once we have this information, we’ll investigate the issue further and provide a solution promptly.
Thank you again for bringing this to our attention, and we apologize for any inconvenience caused. I look forward to your response!
Best regards
Hello, for React version can be used with NextJs also?
Hi! We’ll be releasing a Next.js version very soon—stay tuned!
Hi, After I download the code, open and start the project with vscode, I can access the page in my browser, after testing, the page about animation is very laggy and frame loss in chrome and chrome kernel browsers, while the same page is not laggy in Safari or Firefox, what’s going on?
emmm, no problems again now.
Hi, I am getting below error when I run yarn build:
% yarn build yarn run v1.22.21 $ tsc && vite build src/components/Base/Alert/index.tsx:48:3 – error TS2345: Argument of type ’<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>({ as, dismissible, variant, ...props }: AlertProps<C>, ref?: PolymorphicRef<C>) => JSX.Element’ is not assignable to parameter of type ‘ForwardRefRenderFunction<unknown, Omit<AlertProps<ElementType<any, keyof IntrinsicElements>>, “ref”>>’. Types of parameters ‘__0’ and ‘props’ are incompatible. Type ‘Omit<AlertProps<ElementType<any, keyof IntrinsicElements>>, “ref”>’ is not assignable to type ‘AlertProps<”symbol” | “object” | “a” | “set” | “map” | “filter” | “svg” | “abbr” | “address” | “area” | “article” | “aside” | “audio” | “b” | “base” | “bdi” | “bdo” | “big” | “blockquote” | ... 160 more … | FunctionComponent<...>>’. Property ‘children’ is missing in type ‘Omit<AlertProps<ElementType<any, keyof IntrinsicElements>>, “ref”>’ but required in type ‘{ children: ReactNode | ((props: { dismiss: () => void; }) => Element); dismissible?: boolean | undefined; variant?: Variant | undefined; onShow?: (() => void) | undefined; onShown?: (() => void) | undefined; onHide?: (() => void) | undefined; onHidden?: (() => void) | undefined; }’.
48 <C extends React.ElementType>( ~~~~~~~~~~~~~~~ 49 { as, dismissible, variant, ...props }: AlertProps<C>, ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 50 ref?: PolymorphicRef<C> ~~~~~~~~~~~~~~ 51 ) => { ~~~~
src/components/Base/Alert/index.tsx:31:5
31 children:
~~~~~
'children' is declared here.Found 1 error in src/components/Base/Alert/index.tsx:48
Can you please help me fix this?
Hi there,
Thank you for reaching out! We’ve just released a new update to address the issue you encountered. Please redownload the project, and replace the component located at ”/src/components/Base/Alert” with the updated version.
If you need further assistance, feel free to contact us. We’re here to help!
Best regards
Hi Still waiting for your update
Hi, I do not seem to find the Vue files in the template, please help
Hi there,
Thank you for reaching out! This is a template specifically for React, so you won’t find a Vue version in this item.
If you have any other questions, feel free to contact us.
Best regards
Hi, do you have the project built on javascript?, or theres any problem on converting the project from typescript to javascript?
Hi there,
Currently, we only have a TypeScript version available. To help you work with regular JavaScript within the TypeScript project, you can configure TypeScript to allow writing JavaScript without type checking. Here’s a custom configuration you can use:
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": false,
"allowSyntheticDefaultImports": true,
"strict": false,
"forceConsistentCasingInFileNames": true,
"module": "ESNext",
"moduleResolution": "Node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
"paths": {
"@/*": ["./resources/@client/*"]
}
},
"include": ["resources/@client/**/*"],
"references": [{ "path": "./tsconfig.node.json" }]
}
This configuration allows you to write JavaScript code without strict type checking. If you need help with this setup or have any other questions, please let us know. We’re here to assist you!
Best regards
Hi how can i obtain html files to use on Laravel? Thanks!
Hi,
Thanks for reaching out. Please check this link for HTML version:
https://themeforest.net/item/tailwise-html-admin-dashboard-template/49921289If you need further assistance, feel free to contact us.
Best
Hello, will I have to buy it again? Since I needed it in HTML, is it possible that you could give me a discount?
Hi there,
Thanks for reaching out. Yes, since the HTML version is a different item, you would need to purchase it separately.
If you have any other questions or need further assistance, please let us know.
Best
Hello, I need you support. I sent email, but looks that is not working
Hi there,
Thanks for reaching out! Please email us at the following address: leftforcode@gmail.com.
Best
Hello, approximately how long will it take to have the dark version of the template ready?
Hi there,
Thanks for your question! Unfortunately, we can’t provide an ETA for the dark version release right now due to our busy schedule.
Hi there I need some assistance. Where shall I contact you? I initially sent an email to muhammadrizki@left4code.com found in the documentation but it failed sending to that address.
It’s been more than a week, I would really appreciate it if you could respond. Thank you!
Hey Swagata,
Thanks for reaching out, and sorry for the delay.
To remove the other themes and keep only the Havoc theme, you can open the file ”/src/stores/themeSlice.ts” and delete the theme components you don’t need.
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
import { RootState } from "./store";
import Havoc from "../themes/Havoc";
export const themes = [
{
name: "havoc",
component: Havoc,
}
},
] as const;
export type Themes = (typeof themes)[number];
interface ThemeState {
value: Themes["name"];
}
export const getTheme = (search?: Themes["name"]) => {
const theme = search === undefined ? localStorage.getItem("theme") : search;
return (
themes.filter((item, key) => {
return item.name === theme;
})[0] || themes[0]
);
};
const initialState: ThemeState = {
value:
localStorage.getItem("theme") === null ? themes[0].name : getTheme().name,
};
export const themeSlice = createSlice({
name: "theme",
initialState,
reducers: {
setTheme: (state, action: PayloadAction<Themes["name"]>) => {
state.value = action.payload;
},
},
});
export const { setTheme } = themeSlice.actions;
export const selectTheme = (state: RootState) => {
if (localStorage.getItem("theme") === null) {
localStorage.setItem("theme", "havoc");
}
return state.theme.value;
};
export default themeSlice.reducer;
Unfortunately, We haven’t been able to release the dark-mode update for Tailwise soon due to a tight schedule.
Hope this helps.
Do you plan on adding RTL support in future?
Hi,
Implementing RTL support is definitely an interesting feature for us to consider. However, given our current busy schedule, we haven’t had the time to work on it yet.
We appreciate your understanding and your support in using Tailwise. If you have any other questions or need further assistance, feel free to reach out!
Best regards
