nextjs project wont show after i install NPM package
I created a Nextjs, Materiual-UI, Supabase/Supabase project,,,
I installed Styled-Compomnents
And now it wont show, it errors and gives me this:
It kinda looks like my tsconfig.json is diffrent:
PREVIOUS:….
AFTER ADDING STYLED COMPONENTS:
I installed Styled-Compomnents
And now it wont show, it errors and gives me this:
Node.js v18.15.0
Starting the development server...
at makeError (/Users/MYMAC/Desktop/refine-react-app/node_modules/execa/lib/error.js:60:11)
at handlePromise (/Users/MYMAC/Desktop/refine-react-app/node_modules/execa/index.js:118:26)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async D (/Users/MYMAC/Desktop/refine-react-app/node_modules/@refinedev/cli/dist/cli.js:22:330) {
shortMessage: 'Command failed with exit code 1: /Users/MYMAC/Desktop/refine-react-app/node_modules/react-scripts/bin/react-scripts.js start',
command: '/Users/bretemmerich/Desktop/refine-react-app/node_modules/react-scripts/bin/react-scripts.js start',Node.js v18.15.0
Starting the development server...
at makeError (/Users/MYMAC/Desktop/refine-react-app/node_modules/execa/lib/error.js:60:11)
at handlePromise (/Users/MYMAC/Desktop/refine-react-app/node_modules/execa/index.js:118:26)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async D (/Users/MYMAC/Desktop/refine-react-app/node_modules/@refinedev/cli/dist/cli.js:22:330) {
shortMessage: 'Command failed with exit code 1: /Users/MYMAC/Desktop/refine-react-app/node_modules/react-scripts/bin/react-scripts.js start',
command: '/Users/bretemmerich/Desktop/refine-react-app/node_modules/react-scripts/bin/react-scripts.js start',It kinda looks like my tsconfig.json is diffrent:
PREVIOUS:….
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"strict": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
"baseUrl": "src",
"paths": {
"*": ["./*"]
}
},
"include": ["src"]
}{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"strict": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
"baseUrl": "src",
"paths": {
"*": ["./*"]
}
},
"include": ["src"]
}AFTER ADDING STYLED COMPONENTS:
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"strict": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve"
},
"include": [
"src"
]
}{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"strict": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve"
},
"include": [
"src"
]
}