Fix: non-relative path error

Reference by facebook/create-react-app#8909 (comment)
yisu-kim · Aug 19, 2021 · 4f77c35 · 4f77c35
1 parent e6edfd6
commit 4f77c35
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 20 deletions.
diff --git a/src/components/todo/template/create/TodoCreate.tsx b/src/components/todo/template/create/TodoCreate.tsx
@@ -1,7 +1,7 @@
-import React, { useState } from "react";
-import styled from "styled-components";
-import { PlusCircleOutlined } from "@ant-design/icons";
-import { Itodo } from "components/todo/TodoService";
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { PlusCircleOutlined } from '@ant-design/icons';
+import { Itodo } from 'src/components/todo/TodoService';
 
 const CircleButton = styled.button<{ open: boolean }>`
   background: #33bb77;
@@ -58,10 +58,10 @@ interface TodoCreateProps {
 const TodoCreate = ({
   nextId,
   createTodo,
-  incrementNextId
+  incrementNextId,
 }: TodoCreateProps) => {
   const [open, setOpen] = useState(false);
-  const [value, setValue] = useState("");
+  const [value, setValue] = useState('');
 
   const handleToggle = () => setOpen(!open);
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) =>
@@ -73,11 +73,11 @@ const TodoCreate = ({
     createTodo({
       id: nextId,
       text: value,
-      done: false
+      done: false,
     });
     incrementNextId(); // nextId 하나 증가
 
-    setValue(""); // input 초기화
+    setValue(''); // input 초기화
     setOpen(false); // open 닫기
   };
 

diff --git a/src/components/todo/template/footer/TodoFooter.tsx b/src/components/todo/template/footer/TodoFooter.tsx
@@ -1,4 +1,4 @@
-import { Itodo } from 'components/todo/TodoService';
+import { Itodo } from 'src/components/todo/TodoService';
 import React from 'react';
 import styled from 'styled-components';
 

diff --git a/src/components/todo/template/list/TodoList.tsx b/src/components/todo/template/list/TodoList.tsx
@@ -1,7 +1,7 @@
-import { Itodo } from "components/todo/TodoService";
-import React from "react";
-import styled from "styled-components";
-import TodoItem from "./item/TodoItem";
+import { Itodo } from 'src/components/todo/TodoService';
+import React from 'react';
+import styled from 'styled-components';
+import TodoItem from './item/TodoItem';
 
 const TodoListBlock = styled.div`
   flex: 1;

diff --git a/src/components/todo/template/list/item/TodoItem.tsx b/src/components/todo/template/list/item/TodoItem.tsx
@@ -1,7 +1,7 @@
-import { CheckOutlined, DeleteOutlined } from "@ant-design/icons";
-import { Itodo } from "components/todo/TodoService";
-import React from "react";
-import styled, { css } from "styled-components";
+import { CheckOutlined, DeleteOutlined } from '@ant-design/icons';
+import { Itodo } from 'src/components/todo/TodoService';
+import React from 'react';
+import styled, { css } from 'styled-components';
 
 const Remove = styled.div`
   display: flex;

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -14,7 +18,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": "."
   },
-  "include": ["src"]
+  "include": [
+    "src"
+  ]
 }