에러
webpack.config.js
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
mode: "development",
entry: "./src/index.js",
module: {
rules: [{ test: /\.js$/, use: "babel-loader" }],
},
plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
}),
],
optimization: { minimizer: [] },
output: {
path : path.resolve(__dirname, "dist"),
filename: "bundle.js",
},
};html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script defer src="bundle.js"></script></head>
<body>
<div id="root"></div>
</body>
</html>live server로 확인해보려고 했는데 에러가 났다...
해결
index.js 파일을 가보니...
ReactDOM.render(React.createElement(<FollowButton />), domContainer); 라고 되어있었다...
왜 이렇게 작성했는지는 모르지만 수정해주었다.
ReactDOM.render(<FollowButton />, domContainer);
다행히 해결된 것을 알 수 있었다...
역시 오타는 항상 일어나는건가ㅜㅜ
