Introduce React

[kjirou]

😩 Troubleshooting

"Module not found: Error: Can't resolve 'react/jsx-runtime' in '/path/to/recalldoc/src/components'"

npm run build
(...)
ERROR in ./node_modules/react-dom/cjs/react-dom.production.min.js 12:39-63
Module not found: Error: Can't resolve 'object-assign' in '/Users/ishii.koujirou/app/recalldoc/node_modules/react-dom/cjs'
 @ ./node_modules/react-dom/index.js 35:2-63
 @ ./src/index.ts 2:0-35 54:4-10

ERROR in ./node_modules/react/cjs/react.production.min.js 9:19-43
Module not found: Error: Can't resolve 'object-assign' in '/Users/ishii.koujirou/app/recalldoc/node_modules/react/cjs'
 @ ./node_modules/react/index.js 4:2-59
 @ ./src/index.ts 1:0-38 54:11-24

ERROR in ./src/components/Searcher.tsx 1:0-63
Module not found: Error: Can't resolve 'react/jsx-runtime' in '/Users/ishii.koujirou/app/recalldoc/src/components'
 @ ./src/index.ts 3:0-49 54:25-33

3 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.39.0 compiled with 3 errors in 3041 ms
(...)

---

Why?

Maybe facebook/react#20235 is the cause?

---

Solutions

"jsx": "react-jsx" -> "jsx": "react" = 🙅‍♀️

🙆‍♀️ I don't understand why.

diff --git a/webpack.config.js b/webpack.config.js
index 408bd81..04620af 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -19,6 +19,6 @@ module.exports = {
     ],
   },
   resolve: {
-    extensions: ['.ts', '.tsx'],
+    extensions: ['.ts', '.tsx', '.js'],
   },
 }