babel sass 문제 풀이 관련
315
작성한 질문수 12
안녕하세요.
김정환 강사님 수업을 잘 듣고 있는 학생입니다..!
현재 처음 npm run build를 할 때 문제가 다르게 나와서 어떻게 해결해야 할지 모르겠습니다.
처음에만 아래처럼 뜨는 건가 싶어서 sass-loader 하고 node-sass를 설치를 하고 webpack 까지 완료를 해놓아도 아래와 같은 app.js에서 문제가 계속해서 발생하고 있는데 혹시 어떻게 해결을 해야 할 수 있을까요..ㅠ
<pakage.json>
<git checkout 이후 첫 npm run build 실행시>
<app.js>
답변 1
0
사용하는 라이브러리 버전 문제인것 같습니다. 강의 제작 당시의 버전으로 다운그래이드해서 시도해보세요.
npm i node-sass@4 sass-loader@8
하신다음에 시도해보세요.
노드 12 버전 사용하시는 것도 확인하시고요.
--
참고로 비슷한 문제로 수업 막히는 경우에는 최종 코드가 있는 master 브랜치의 pacakge.json의 패키지 버전을 참고하셔서 설치하시기 바래요.
참고: https://github.com/jeonghwan-kim/lecture-frontend-dev-env/blob/master/package.json#L21
0
<2022.10.14 기준>
아...! node version이 달라서 문제였네요...ㅠ 12버전으로 변경했는데도 안되서 확인해보니까 주버전이 같더라도 부버전이 다르면 진행이 안되더라구요...!
버전 12.4.0으로 진행하니까 진행이 잘 됐고 현재 버전 다른 분들은 아래 사이트 확인해서 nvm으로 버전 쉽게 변경 가능해서 보고 따라하면 좋을거 같습니다!
<cmd 관리자 버전으로 실행>
https://codepathfinder.com/22#comment21614180
1. checkout 2-babel/2-sass
2. node 버전 변경(12.4.0) => nvm으로 진행
3. npm i
4. npm i node-sass@4 sass-loader@8
이후에도 3-1 eslint 실습에서도 npm 문제 있었는데 node_modules 폴더를 지운후에 npm i 이후 진행 하니까 수월하게 진행 완료됐습니다!
답변 감사합니다!
지금 시점에서 해당 강의를 듣는 것에 대하여
1
114
3
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
1
231
1
에러 해결 공유드립니다
1
225
2
webpack 4 버전과 호환되는 플러그인 버전 공유드립니다
1
235
2
eslint
0
384
3
도와주세요!
0
167
2
[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전
1
149
1
질문 an error occurred while loading the image
1
473
1
webpack에서 babel-loader 사용할때 질문
1
153
1
자주 사용하는 플러그인 에서 질문이 있습니다.
1
169
1
eslint no-extra-semi 관련 질문
1
145
1
webpack5 에서 open index.html하는법 + 질문
1
170
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
2
305
1
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
1
373
1
에러없이 png안뜨시는 분들
1
278
1
Error: Cannot find module 'node:crypto'
1
466
1
DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함
1
412
1
깃허브 확인 문의
0
577
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
408
1
해쉬값과 캐쉬 갱신
1
462
1
Hash 에러 발생
1
2670
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
832
3
웹팩 버전
0
526
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
487
1