Installing MCTheme [BUG / Error]

[stealthy-coder]

An Error

ERROR in ./resources/scripts/index.tsx
Module not found: Error: Can't resolve 'tailwindcss/dist/base.min.css' in '/var/www/pterodactyl/resources/scripts'
@ ./resources/scripts/index.tsx 6:0-39
@ multi react-hot-loader/patch ./resources/scripts/index.tsx

ERROR in resources/scripts/components/elements/dialog/DialogFooter.tsx:2:10
TS2305: Module '"./"' has no exported member 'DialogContext'.
1 | import React, { useContext } from 'react';

2 | import { DialogContext } from './';
| ^^^^^^^^^^^^^
3 | import { useDeepCompareEffect } from '@/plugins/useDeepCompareEffect';
4 |
5 | export default ({ children }: { children: React.ReactNode }) => {

ERROR in resources/scripts/components/server/ServerConsole.tsx:10:10
TS2614: Module '"@feature/index"' has no exported member 'EulaModalFeature'. Did you mean to use 'import EulaModalFeature from "@feature/index"' instead?
8 | import isEqual from 'react-fast-compare';
9 | import PowerControls from '@/components/server/PowerControls';

10 | import { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature } from '@feature/index';
| ^^^^^^^^^^^^^^^^
11 | import ErrorBoundary from '@/components/elements/ErrorBoundary';
12 | import Spinner from '@/components/elements/Spinner';
13 |

ERROR in resources/scripts/components/server/ServerConsole.tsx:10:28
TS2614: Module '"@feature/index"' has no exported member 'JavaVersionModalFeature'. Did you mean to use 'import JavaVersionModalFeature from "@feature/index"' instead?
8 | import isEqual from 'react-fast-compare';
9 | import PowerControls from '@/components/server/PowerControls';

10 | import { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature } from '@feature/index';
| ^^^^^^^^^^^^^^^^^^^^^^^
11 | import ErrorBoundary from '@/components/elements/ErrorBoundary';
12 | import Spinner from '@/components/elements/Spinner';
13 |

ERROR in resources/scripts/components/server/ServerConsole.tsx:10:53
TS2614: Module '"@feature/index"' has no exported member 'GSLTokenModalFeature'. Did you mean to use 'import GSLTokenModalFeature from "@feature/index"' instead?
8 | import isEqual from 'react-fast-compare';
9 | import PowerControls from '@/components/server/PowerControls';

10 | import { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature } from '@feature/index';
| ^^^^^^^^^^^^^^^^^^^^
11 | import ErrorBoundary from '@/components/elements/ErrorBoundary';
12 | import Spinner from '@/components/elements/Spinner';
13 |

ERROR in resources/scripts/components/server/ServerConsole.tsx:10:75
TS2614: Module '"@feature/index"' has no exported member 'PIDLimitModalFeature'. Did you mean to use 'import PIDLimitModalFeature from "@feature/index"' instead?
8 | import isEqual from 'react-fast-compare';
9 | import PowerControls from '@/components/server/PowerControls';

10 | import { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature } from '@feature/index';
| ^^^^^^^^^^^^^^^^^^^^
11 | import ErrorBoundary from '@/components/elements/ErrorBoundary';
12 | import Spinner from '@/components/elements/Spinner';
13 |

ERROR in resources/scripts/components/server/ServerConsole.tsx:10:97
TS2614: Module '"@feature/index"' has no exported member 'SteamDiskSpaceFeature'. Did you mean to use 'import SteamDiskSpaceFeature from "@feature/index"' instead?
8 | import isEqual from 'react-fast-compare';
9 | import PowerControls from '@/components/server/PowerControls';

10 | import { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature } from '@feature/index';
| ^^^^^^^^^^^^^^^^^^^^^
11 | import ErrorBoundary from '@/components/elements/ErrorBoundary';
12 | import Spinner from '@/components/elements/Spinner';
13 |

ERROR in resources/scripts/components/server/ServerConsole.tsx:20:82
TS2339: Property 'isInstalling' does not exist on type 'Server'.
18 |
19 | const ServerConsole = () => {

20 | const isInstalling = ServerContext.useStoreState(state => state.server.data!.isInstalling);
| ^^^^^^^^^^^^
21 | const isTransferring = ServerContext.useStoreState(state => state.server.data!.isTransferring);
22 | const eggFeatures = ServerContext.useStoreState(state => state.server.data!.eggFeatures, isEqual);
23 |

ERROR in resources/scripts/components/server/ServerDetailsBlock.tsx:14:10
TS2305: Module '"@/helpers"' has no exported member 'bytesToHuman'.
12 | } from '@fortawesome/free-solid-svg-icons';
13 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

14 | import { bytesToHuman, formatIp, megabytesToHuman } from '@/helpers';
| ^^^^^^^^^^^^
15 | import TitledGreyBox from '@/components/elements/TitledGreyBox';
16 | import { ServerContext } from '@/state/server';
17 | import CopyOnClick from '@/components/elements/CopyOnClick';

ERROR in resources/scripts/components/server/ServerDetailsBlock.tsx:14:24
TS2305: Module '"@/helpers"' has no exported member 'formatIp'.
12 | } from '@fortawesome/free-solid-svg-icons';
13 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

14 | import { bytesToHuman, formatIp, megabytesToHuman } from '@/helpers';
| ^^^^^^^^
15 | import TitledGreyBox from '@/components/elements/TitledGreyBox';
16 | import { ServerContext } from '@/state/server';
17 | import CopyOnClick from '@/components/elements/CopyOnClick';

ERROR in resources/scripts/components/server/ServerDetailsBlock.tsx:14:34
TS2305: Module '"@/helpers"' has no exported member 'megabytesToHuman'.
12 | } from '@fortawesome/free-solid-svg-icons';
13 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

14 | import { bytesToHuman, formatIp, megabytesToHuman } from '@/helpers';
| ^^^^^^^^^^^^^^^^
15 | import TitledGreyBox from '@/components/elements/TitledGreyBox';
16 | import { ServerContext } from '@/state/server';
17 | import CopyOnClick from '@/components/elements/CopyOnClick';

ERROR in resources/scripts/components/server/ServerDetailsBlock.tsx:77:82
TS2339: Property 'isInstalling' does not exist on type 'Server'.
75 |
76 | const name = ServerContext.useStoreState(state => state.server.data!.name);

77 | const isInstalling = ServerContext.useStoreState(state => state.server.data!.isInstalling);
| ^^^^^^^^^^^^
78 | const isTransferring = ServerContext.useStoreState(state => state.server.data!.isTransferring);
79 | const limits = ServerContext.useStoreState(state => state.server.data!.limits);
80 | const primaryAllocation = ServerContext.useStoreState(state => state.server.data!.allocations.filter(alloc => alloc.isDefault).map(

ERROR in resources/scripts/components/server/StatGraphs.tsx:34:13
TS2322: Type '{ ticks: { display: false; }; gridLines: { display: false; }; }[]' is not assignable to type '_DeepPartialObject<{ type: "time"; } & Omit<CartesianScaleOptions, "max" | "min"> & { min: string | number; max: string | number; suggestedMin: string | number; ... 5 more ...; ticks: { ...; }; }> | ... 5 more ... | undefined'.
Type '{ ticks: { display: false; }; gridLines: { display: false; }; }[]' is not assignable to type '_DeepPartialObject<{ type: "radialLinear"; } & CoreScaleOptions & { animate: boolean; startAngle: number; angleLines: { display: boolean; color: Scriptable<Color, ScriptableScaleContext>; lineWidth: Scriptable<...>; borderDash: Scriptable<...>; borderDashOffset: Scriptable<...>; }; ... 7 more ...; ticks: RadialTickO...'.
Types of property 'reverse' are incompatible.
Type '() => { ticks: { display: false; }; gridLines: { display: false; }; }[]' is not assignable to type 'boolean | undefined'.
32 | },
33 | scales: {

34 | xAxes: [ {
| ^^^^^
35 | ticks: {
36 | display: false,
37 | },

ERROR in resources/scripts/components/server/StatGraphs.tsx:42:13
TS2322: Type '{ gridLines: { drawTicks: false; color: string; zeroLineColor: string; zeroLineWidth: number; }; ticks: { backdropColor: string | CanvasGradient | CanvasPattern | ((ctx: ScriptableScaleContext, options: AnyObject) => Color | undefined); ... 10 more ...; major: { ...; }; } & { ...; }; }[]' is not assignable to type '_DeepPartialObject<{ type: "time"; } & Omit<CartesianScaleOptions, "max" | "min"> & { min: string | number; max: string | number; suggestedMin: string | number; ... 5 more ...; ticks: { ...; }; }> | ... 5 more ... | undefined'.
Type '{ gridLines: { drawTicks: false; color: string; zeroLineColor: string; zeroLineWidth: number; }; ticks: { backdropColor: string | CanvasGradient | CanvasPattern | ((ctx: ScriptableScaleContext, options: AnyObject) => Color | undefined); ... 10 more ...; major: { ...; }; } & { ...; }; }[]' is not assignable to type '_DeepPartialObject<{ type: "radialLinear"; } & CoreScaleOptions & { animate: boolean; startAngle: number; angleLines: { display: boolean; color: Scriptable<Color, ScriptableScaleContext>; lineWidth: Scriptable<...>; borderDash: Scriptable<...>; borderDashOffset: Scriptable<...>; }; ... 7 more ...; ticks: RadialTickO...'.
Types of property 'reverse' are incompatible.
Type '() => { gridLines: { drawTicks: false; color: string; zeroLineColor: string; zeroLineWidth: number; }; ticks: { backdropColor: string | CanvasGradient | CanvasPattern | ((ctx: ScriptableScaleContext, options: AnyObject) => Color | undefined); ... 10 more ...; major: { ...; }; } & { ...; }; }[]' is not assignable to type 'boolean | undefined'.
40 | },
41 | } ],

42 | yAxes: [ {
| ^^^^^
43 | gridLines: {
44 | drawTicks: false,
45 | color: 'rgba(229, 232, 235, 0.15)',

ERROR in resources/scripts/components/server/StatGraphs.tsx:71:63
TS2709: Cannot use namespace 'Chart' as a type.
69 | });
70 |

71 | type ChartState = [ (node: HTMLCanvasElement | null) => void, Chart | undefined ];
| ^^^^^
72 |
73 | /**
74 | * Creates an element ref and a chart instance.

ERROR in resources/scripts/components/server/StatGraphs.tsx:77:42
TS2709: Cannot use namespace 'Chart' as a type.
75 | */
76 | const useChart = (options?: Chart.TickOptions): ChartState => {

77 | const [ chart, setChart ] = useState();
| ^^^^^
78 |
79 | const ref = useCallback<(node: HTMLCanvasElement | null) => void>(node => {
80 | if (!node) return;

ERROR in resources/scripts/components/server/StatGraphs.tsx:82:27
TS2351: This expression is not constructable.
Type 'typeof import("/var/www/pterodactyl/node_modules/chart.js/types/index.esm")' has no construct signatures.
80 | if (!node) return;
81 |

82 | const chart = new Chart(node.getContext('2d')!, chartDefaults(options));
| ^^^^^
83 |
84 | setChart(chart);
85 | }, []);

ERROR in resources/scripts/components/server/StatGraphs.tsx:90:36
TS2709: Cannot use namespace 'Chart' as a type.
88 | };
89 |

90 | const updateChartDataset = (chart: Chart | null | undefined, value: Chart.ChartPoint & number): void => {
| ^^^^^
91 | if (!chart || !chart.data?.datasets) return;
92 |
93 | const data = chart.data.datasets[0].data!;

ERROR in resources/scripts/components/server/StatGraphs.tsx:90:75
TS2694: Namespace '"/var/www/pterodactyl/node_modules/chart.js/types/index.esm"' has no exported member 'ChartPoint'.
88 | };
89 |

90 | const updateChartDataset = (chart: Chart | null | undefined, value: Chart.ChartPoint & number): void => {
| ^^^^^^^^^^
91 | if (!chart || !chart.data?.datasets) return;
92 |
93 | const data = chart.data.datasets[0].data!;

ERROR in resources/scripts/components/server/StatGraphs.tsx:104:76
TS2345: Argument of type '{ callback: (this: Scale, value: string | number) => string; suggestedMax: number; }' is not assignable to parameter of type 'TickOptions'.
Object literal may only specify known properties, and 'suggestedMax' does not exist in type 'TickOptions'.
102 |
103 | const previous = useRef<Record<'tx' | 'rx', number>>({ tx: -1, rx: -1 });

104 | const [ cpuRef, cpu ] = useChart({ callback: (value) => ${value}% , suggestedMax: limits.cpu });
| ^^^^^^^^^^^^^^^^^^^^^^^^
105 | const [ memoryRef, memory ] = useChart({ callback: (value) => ${value}Mb , suggestedMax: limits.memory });
106 | const [ txRef, tx ] = useChart({ callback: (value) => ${value}Kb/s });
107 | const [ rxRef, rx ] = useChart({ callback: (value) => ${value}Kb/s });

ERROR in resources/scripts/components/server/StatGraphs.tsx:105:83
TS2345: Argument of type '{ callback: (this: Scale, value: string | number) => string; suggestedMax: number; }' is not assignable to parameter of type 'TickOptions'.
Object literal may only specify known properties, and 'suggestedMax' does not exist in type 'TickOptions'.
103 | const previous = useRef<Record<'tx' | 'rx', number>>({ tx: -1, rx: -1 });
104 | const [ cpuRef, cpu ] = useChart({ callback: (value) => ${value}% , suggestedMax: limits.cpu });

105 | const [ memoryRef, memory ] = useChart({ callback: (value) => ${value}Mb , suggestedMax: limits.memory });
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^
106 | const [ txRef, tx ] = useChart({ callback: (value) => ${value}Kb/s });
107 | const [ rxRef, rx ] = useChart({ callback: (value) => ${value}Kb/s });
108 |

ERROR in resources/scripts/components/server/StatGraphs.tsx:106:36
TS2345: Argument of type '{ callback: (this: Scale, value: string | number) => string; }' is not assignable to parameter of type 'TickOptions'.
Type '{ callback: (this: Scale, value: string | number) => string; }' is missing the following properties from type 'TickOptions': backdropColor, backdropPadding, display, color, and 7 more.
104 | const [ cpuRef, cpu ] = useChart({ callback: (value) => ${value}% , suggestedMax: limits.cpu });
105 | const [ memoryRef, memory ] = useChart({ callback: (value) => ${value}Mb , suggestedMax: limits.memory });

106 | const [ txRef, tx ] = useChart({ callback: (value) => ${value}Kb/s });
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
107 | const [ rxRef, rx ] = useChart({ callback: (value) => ${value}Kb/s });
108 |
109 | useWebsocketEvent(SocketEvent.STATS, (data: string) => {

ERROR in resources/scripts/components/server/StatGraphs.tsx:107:36
TS2345: Argument of type '{ callback: (this: Scale, value: string | number) => string; }' is not assignable to parameter of type 'TickOptions'.
Type '{ callback: (this: Scale, value: string | number) => string; }' is missing the following properties from type 'TickOptions': backdropColor, backdropPadding, display, color, and 7 more.
105 | const [ memoryRef, memory ] = useChart({ callback: (value) => ${value}Mb , suggestedMax: limits.memory });
106 | const [ txRef, tx ] = useChart({ callback: (value) => ${value}Kb/s });

107 | const [ rxRef, rx ] = useChart({ callback: (value) => ${value}Kb/s });
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
108 |
109 | useWebsocketEvent(SocketEvent.STATS, (data: string) => {
110 | let stats: any = {};
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Application is now live.

[finnie2006]

More info needed wich version etc

[stealthy-coder]

panel version 1.9.2
latest mctheme

[stealthy-coder]

all themes have this issue

[finnie2006]

Try reinstalling the resources folder

[stealthy-coder]

what do you mean by 'reinstall the resources folder' ?
Do i re-download the script?

[JohnB17]

Delete resources folder, run panel update, then run our script again.