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.