webpack2 Storybook에서 Failed to execute 'createElement' on 'Document' 에러 발생 🤔 증상 svg 파일을 로드하는 컴포넌트를 Storybook에서 불러왔으나 위와 같은 메세지가 발생하였다. 바쁘신 분은 바로 😀 조치 사항 확인 🧐 원인 1. svg 파일 로드를 위한 패키지 설치 webpack에서 svg 파일을 로드하기 위해서 아래 패키지를 설치하였다. npm install -D @svgr/webpack # 또는 yarn add -D @svgr/webpack 2. 기존의 storybook의 main.js의 webpack 설정 소스 코드 svg 파일을 로드하기 위해서는 webpack 설정이 선행 되어야하고 본인은 아래와 같이 설정하였음. module.exports = { webpackFinal: async (config) => { config.module.rules.unshift({ te.. 2021. 9. 8. create-react-app 쓰지 않고 webpack으로 React 앱 만들기 (1) # 목표 # create-react-app을 사용하지 않고 React 앱을 만들어보자 webpack으로 하나의 js 파일로 만들어보자 webpack-hot-loader & reactwebpack-dev-server 로 수정사항 바로 확인해보자 # 패키지 설치 # npm init npm i react react-dom npm i 옵션을 통하여 설치 시 package.json에 기본 의존성 패키지(dependencies)로 추가된다. { ... "dependencies": { "react": "^16.13.0", "react-dom": "^16.13.0" }, ... } react : react의 기본 패키지 react-dom : react 코드를 랜더링하기 위한 패키지 npm i -D @babel/core.. 2020. 3. 9. 이전 1 다음
