Hi, i got a CleanUI template which i'd like to extend in typescript.
After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)
=============
WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.
You may find that it works just fine, or you may not.
SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0
YOUR TYPESCRIPT VERSION: 3.9.5
Please only submit bug reports when using the officially supported version.
=============
I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:
Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208
2 | // you should restart dev server after variables changes
3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less4 | module.exports = {
| ^
5 | '@body-background': '#f2f4f8',
6 | '@font-size-base': '13px',
7 | '@font-size-lg': '15px',
And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.
Do you have a solution to this unusual behaviour involving your JS template?
1 reply
Opening two instances of the web app and logging out in one does not log out in other. How to solve?
- Open two tabs
- Both with https://vue.cleanui.cloud/
- Log into both
- Log out in one tab
- Other tab still works
It should ideally log out in both places, how to fix?
Hi, i got a CleanUI template which i'd like to extend in typescript.
After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)=============
WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.
You may find that it works just fine, or you may not.
SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0
YOUR TYPESCRIPT VERSION: 3.9.5
Please only submit bug reports when using the officially supported version.
=============
I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:
Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208
2 | // you should restart dev server after variables changes 3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less4 | module.exports = {
| ^
5 | '@body-background': '#f2f4f8',
6 | '@font-size-base': '13px',
7 | '@font-size-lg': '15px',And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.
Do you have a solution to this unusual behaviour involving your JS template?
This is outdated And Theme Loader, please try to use latest (uses regular less import) - https://github.com/sellpixels/cleanui-admin-template-react-cra/tree/master/src/components/kit/vendors/antd/themes
Opening two instances of the web app and logging out in one does not log out in other. How to solve?
- Open two tabs
- Both with https://vue.cleanui.cloud/
- Log into both
- Log out in one tab
- Other tab still works
It should ideally log out in both places, how to fix?
After page reloading the app catch latest auth data from firebase localstorage, you should implement cross window events to trigger logout method
Could you help me?
Click Sort on "Address" cell under Filter and Sort table. Move your mouse elsewhere, you can see the cell background go white. Tried to fix it, couldn't. Please let me know which css property should be edited for fixing this.
Hi, trying to start the updated version of the template (which you gave me access the last week) i found some issues i don't get. I report the output from the start to give an hint about what the problem could be
yarn run v1.22.4
proj | $ react-app-rewired start
proj | ℹ ｢wds｣: Project is running at http://172.20.0.2/
proj | ℹ ｢wds｣: webpack output is served from
proj | ℹ ｢wds｣: Content not from webpack is served from /root/proj/public
proj | ℹ ｢wds｣: 404s will fallback to /
proj | Starting the development server...
proj |
proj | Done in 12.28s.
proj_n exited with code 0Do you have any ideas about this behaviour?
Hi, trying to start the updated version of the template (which you gave me access the last week) i found some issues i don't get. I report the output from the start to give an hint about what the problem could be
yarn run v1.22.4 proj | $ react-app-rewired start proj | ℹ ｢wds｣: Project is running at http://172.20.0.2/ proj | ℹ ｢wds｣: webpack output is served from proj | ℹ ｢wds｣: Content not from webpack is served from /root/proj/public proj | ℹ ｢wds｣: 404s will fallback to / proj | Starting the development server... proj | proj | Done in 12.28s. proj_n exited with code 0Do you have any ideas about this behaviour?
Please try to install latest LTS node version - currently it 12.18.2
There is a small UI issue in the dark mode of Vue cleanui template. Enable dark mode in this page: https://vue.cleanui.cloud/#/tables/antd
Click Sort on "Address" cell under Filter and Sort table. Move your mouse elsewhere, you can see the cell background go white. Tried to fix it, couldn't. Please let me know which css property should be edited for fixing this.
Thank you for the report, we will fix dark theme asap
I don't know about how much expected is that behaviour, but i get this result launching the project on volumes attached to a docker container with yarn while, using npm on my local machine env everything goes smooth and working
Try to comment routes (and leave one dashboard) and then try again. Maybe it's because there's not enough memory.
I don't know about how much expected is that behaviour, but i get this result launching the project on volumes attached to a docker container with yarn while, using npm on my local machine env everything goes smooth and working
Might be because of lack of memory, faced a similar issue. Fixed it by increasing the memory and cores I allocate to Docker. It was in 1gb, updated to 4. Things worked fine.
I'm trying to substitute your fake auth with my authentication routine but every time i try to substituite the default login page with mine in the routes, the template forcely redirect me to the dashboard or to a 404 like it didn't find the page (which i can assure follows the right path as much as other routes)
Hi, could you help me to understand how to disable the user auth entangled in your template?
I'm trying to substitute your fake auth with my authentication routine but every time i try to substituite the default login page with mine in the routes, the template forcely redirect me to the dashboard or to a 404 like it didn't find the page (which i can assure follows the right path as much as other routes)
See, after succesfull registartion or login app navigates to root path - yield history.push('/‘) in src/redux/user/sagas.js
Then src/layouts/index.js will redirect to login url if user not authorized
if (!isAuthLayout && !isUserAuthorized) {
return <Redirect to="/auth/login" />
}