JavaScript/Error 썸네일형 리스트형 rollup으로 번들한 모듈 Can't resolve ./index.scss rollup으로 번들한 모듈에서 Can't resolve ./index.scss 에러 발생 문제가 되는 코드 const style = require('./index.scss'); 해결 import style from './index.scss'; safari relatedTarget = null 이슈 (구)safari에서는 버튼이 아닌 element를 클릭 시, FocusEvent의 relatedTarget이 null을 갖는다. const handleTextEditorBlur = (event: FocusEvent) => { const relatedTarget = event.relatedTarget as HTMLElement; console.log(relatedTarget); // null in safari } 해결방법 클릭을 받는 element에 tabIndex = 1 을 주면 된다. IE Object doesn't support property or method 'assign' @babel/pollyfill이 deprecated 된다고 하여서 webpack.config.js > entry > @babel/pollyfill을 제거하고 core-js로 전환하였다. https://babeljs.io/docs/en/babel-polyfill#docsNav Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 1. core-js 설치 npm install core-js@3 --save 2. .babelrc 수정 { "presets": [ [ "@babel/preset-env", { "modules": false, "targets": { "browser.. [webpack] file-loader 와 url-loader 가 작동 안하는 이슈 해결 방법 1. css-loader option 설정이 url: false 인 경우 url: true 로 변경한다. 배포일 경우 url : true, webpack-dev-server 일 경우 url: false { test: /\.(css)$/, use: [ { loader: 'style-loader' }, { loader: 'css-loader', options: { url: true } }, ], }, 2. file-loader 가 1점 대 이상일 경우 1점대로 사용한다. "file-loader": "^1.0.2", 3. .css 와 .scss 파일에서 절대 경로가 아닌 상대 경로를 사용한다. background: url(../../../../assets/img/img-chevent.png)0 0 repeat.. TypeError: Cannot read property 'range' of null eslint 를 webpack dev-server로 연결해서 사용하는 과정에 아래와 같은 에러가 발생하였다. TypeError: Cannot read property 'range' of null babel-eslint의 버전을 낮춰 사용하면 위와 같은 에러를 해결할 수 있다. "devDependencies": { "babel-eslint": "8.2.1" }, [webpack] Invalid Host header 호스트 설정을 하고, webpack-dev-server를 통해 웹서버를 켰는데, Invalid Host header 에러가 발생했다. webpack.config.development.js에서 'disableHostCheck: true'를 추가하면 된다. devServer: { disableHostCheck: true, host: '127.0.0.1', port: port, historyApiFallback: true, open: true } ReferenceError: regeneratorRuntime is not defined parcel 환경에서 async await을 사용하니 제목과 같은 에러를 뱉었다. regeneratorRuntime 모듈을 포함한 babel-polyfill 을 임포트하면 문제를 해결할 수 있다. facebook/regenerator Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today. - facebook/regenerator github.com 1. @babel/plugin-transform-runtime 설치 yarn add @babel/plugin-transform-runtime -s -d 2. .babelrc 설정 .babelrc { "plugins" : [ "@babel/plugin-transfor.. typeScript Scss 로드 에러 1. Cannot find module './app.scss'. 문제코드 해결방법 scss 를 다음과 같이 import 하면 된다. "평소와 같이 웹팩으로 처리되지만 CSS 클래스 이름에 대한 유형 검사 및 자동 완성 기능이 없습니다." 라고 한다. 뭔소리얌 ;; ㅎ 참고 : https://medium.com/@sapegin/css-modules-with-typescript-and-webpack-6b221ebe5f10 How to use CSS Modules with TypeScript and webpack Using CSS Modules with TypeScript is not as obvious as with JavaScript. There are several ways to do that. medi.. 이전 1 2 다음
