
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
expo start를 누르면 이렇게 뜨는 원인이 뭔가요?
//가로기준으로 글자의 위치를 결정합니다
textAlign:"center"
}
});
├─ File: C:\Users\USER\Desktop\sparta-study\sparta-mytip-yong\app.json
└─ Cause: SyntaxError: JSON5: invalid character 'i' at 1:1
> 1 | import React from 'react';
| ^
2 | import { StyleSheet, Text, View, Image } from 'react-native';
3 |
4 | export default function App() {
├─ parseJsonString C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\json-file\src\JsonFile.ts:187:13
├─ read C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\json-file\src\JsonFile.ts:144:10
├─ getStaticConfig C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\config\src\getConfig.ts:37:27
├─ getConfig C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\config\src\Config.ts:95:52
├─ warnAboutLocalCLI C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\utils\migration.ts:10:28
├─ actionAsync C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start\startAsync.ts:23:20
├─ C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start.ts:34:22
└─ expo start C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\exp.ts:347:7
USER@DESKTOP-HPNDJLP MINGW64 ~/Desktop/sparta-study/sparta-mytip-yong (master)
$ expo start
┌─────────────────────────────────────────────────────────────────────────┐
│ │
│ There is a new version of expo-cli available (6.1.0). │
│ You are currently using expo-cli 6.0.8 │
│ Install expo-cli globally using the package manager of your choice; │
│ for example: `npm install -g expo-cli` to get the latest version │
│ │
└─────────────────────────────────────────────────────────────────────────┘
Error parsing JSON: import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
export default function App() {
return (
<View style={styles.container}>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>스파르타 코딩클럽!!</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
container: {
//영역을 잡는 속성입니다. 따로 자세히 다룹니다.
//flex: 1은 전체 화면을 가져간다는 뜻입니다
flex: 1,
//영역의 배경 색을 결정합니다
backgroundColor: '#fff',
//아래 두 속성은 영역 안의 컨텐츠들의 배치를 결정합니다.
//flex를 자세히 다룰때 같이 자세히 다룹니다
justifyContent:"center",
alignContent:"center"
},
textContainer: {
//영역의 바깥 공간 이격을 뜻합니다(하단 이미지 참조)
margin:10,
//영역 안의 컨텐츠 이격 공간을 뜻합니다(하단 이미지 참조)
padding: 10,
//테두리의 구부러짐을 결정합니다. 지금 보면 조금 둥글죠?
borderRadius:10,
//테두리의 두께를 결정합니다
borderWidth:2,
//테두리 색을 결정합니다
borderColor:"#000",
//테구리 스타일을 결정합니다. 실선은 solid 입니다
borderStyle:"dotted",
},
textStyle: {
//글자 색을 결정합니다. rgb, 값 이름, 색상코드 모두 가능합니다
color:"red",
//글자의 크기를 결정합니다
fontSize:20,
//글자의 두께를 결정합니다
fontWeight:"700",
//가로기준으로 글자의 위치를 결정합니다
textAlign:"center"
}
});
├─ File: C:\Users\USER\Desktop\sparta-study\sparta-mytip-yong\app.json
└─ Cause: SyntaxError: JSON5: invalid character 'i' at 1:1
> 1 | import React from 'react';
| ^
expo\config\src\getConfig.ts:37:27
├─ getConfig C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\config\src\Config.ts:95:52
├─ warnAboutLocalCLI C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\utils\migration.ts:10:28
├─ actionAsync C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start\startAsync.ts:23:20
├─ C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start.ts:34:22
└─ expo start C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\exp.ts:347:7
USER@DESKTOP-HPNDJLP MINGW64 ~/Desktop/sparta-study/sparta-mytip-yong (master)
$
* History restored
USER@DESKTOP-HPNDJLP MINGW64 ~/Desktop/sparta-study
$ cd sparta-mytip-yong
USER@DESKTOP-HPNDJLP MINGW64 ~/Desktop/sparta-study/sparta-mytip-yong (master)
$ expo start
┌─────────────────────────────────────────────────────────────────────────┐
│ │
│ There is a new version of expo-cli available (6.1.0). │
│ You are currently using expo-cli 6.0.8 │
│ Install expo-cli globally using the package manager of your choice; │
│ for example: `npm install -g expo-cli` to get the latest version │
│ │
└─────────────────────────────────────────────────────────────────────────┘
Error parsing JSON: import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
export default function App() {
return (
<View style={styles.container}>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>스파르타 코딩클럽!!</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
container: {
//영역을 잡는 속성입니다. 따로 자세히 다룹니다.
//flex: 1은 전체 화면을 가져간다는 뜻입니다
flex: 1,
//영역의 배경 색을 결정합니다
backgroundColor: '#fff',
//아래 두 속성은 영역 안의 컨텐츠들의 배치를 결정합니다.
//flex를 자세히 다룰때 같이 자세히 다룹니다
justifyContent:"center",
alignContent:"center"
},
textContainer: {
//영역의 바깥 공간 이격을 뜻합니다(하단 이미지 참조)
margin:10,
//영역 안의 컨텐츠 이격 공간을 뜻합니다(하단 이미지 참조)
padding: 10,
//테두리의 구부러짐을 결정합니다. 지금 보면 조금 둥글죠?
borderRadius:10,
//테두리의 두께를 결정합니다
borderWidth:2,
//테두리 색을 결정합니다
borderColor:"#000",
//테구리 스타일을 결정합니다. 실선은 solid 입니다
borderStyle:"dotted",
},
textStyle: {
//글자 색을 결정합니다. rgb, 값 이름, 색상코드 모두 가능합니다
color:"red",
//글자의 크기를 결정합니다
fontSize:20,
//글자의 두께를 결정합니다
fontWeight:"700",
//가로기준으로 글자의 위치를 결정합니다
textAlign:"center"
}
});
├─ File: C:\Users\USER\Desktop\sparta-study\sparta-mytip-yong\app.json
└─ Cause: SyntaxError: JSON5: invalid character 'i' at 1:1
> 1 | import React from 'react';
| ^
2 | import { StyleSheet, Text, View, Image } from 'react-native';
3 |
├─ parseJsonString C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\json-file\src\JsonFile.ts:187:13 \expo-cli\node_mod
├─ read C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\json-file\src\JsonFile.ts:144:10 ode_modules\@expo\
├─ getStaticConfig C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\config\src\getConfig.ts:37:27 \expo-cli\node_mod
├─ getConfig C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\config\src\Config.ts:95:52 cli\node_modules\@
├─ warnAboutLocalCLI C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\utils\migration.ts:10:28 es\expo-cli\src\ut
├─ actionAsync C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start\startAsync.ts:23:20 o-cli\src\commands
├─ C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start.ts:34:22 mmands\start.ts:34
└─ expo start C:\Users\USER\AppData\Roaming\npm\node_modules\expo-cli\src\exp.ts:347:7 -cli\src\exp.ts:34
USER@DESKTOP-HPNDJLP MINGW64 ~/Desktop/sparta-study/sparta-mytip-yong (master) (master)
$
