After starting the role_playing_frontend project, the console reports that dependencies are missing, but in fact, the dependencies have been installed correctly.

[jiahao6635]

https://nextjs.org/docs/messages/module-not-found

./hooks/useDebug.ts:3:1
Module not found: Can't resolve '@livekit/components-react'
1 | import * as React from 'react';
2 | import { LogLevel, setLogLevel } from 'livekit-client';

3 | import { useRoomContext } from '@livekit/components-react';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 |
5 | export const useDebugMode = ({ logLevel }: { logLevel?: LogLevel } = {}) => {
6 | const room = useRoomContext();

https://nextjs.org/docs/messages/module-not-found

./components/ui/select.tsx:5:1
Module not found: Can't resolve '@radix-ui/react-select'
3 | import * as React from 'react';
4 | import { CaretDownIcon, CaretUpIcon, CheckIcon } from '@phosphor-icons/react/dist/ssr';

5 | import * as SelectPrimitive from '@radix-ui/react-select';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
6 | import { cn } from '@/lib/utils';
7 |
8 | function Select({ ...props }: React.ComponentProps) {

https://nextjs.org/docs/messages/module-not-found

./components/ui/toggle.tsx:5:1
Module not found: Can't resolve '@radix-ui/react-toggle'
3 | import * as React from 'react';
4 | import { type VariantProps, cva } from 'class-variance-authority';

5 | import * as TogglePrimitive from '@radix-ui/react-toggle';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
6 | import { cn } from '@/lib/utils';
7 |
8 | const toggleVariants = cva(

https://nextjs.org/docs/messages/module-not-found

○ Compiling /_error ...
✓ Compiled /_error in 644ms
GET / 500 in 3566ms
✓ Compiled /favicon.ico in 249ms
GET /favicon.ico 500 in 275ms