inflearn logo
강의

Course

Instructor

Svelte.js [Core API] Complete Guide

buffer is not defined나오면서 화면이 안 나와요

458

tlsqlgksthsu8446

15 asked

1

브라우저

터미널

rollup.config.js

export default {
 ...,
  plugins: [
    svelte({
      compilerOptions: {
        dev: !production,
      },
      css: (css=> {
        css.write("bundle.css");
      },
      preprocess: sveltePreprocess({ postcss: { plugins: [autoprefixer()] } }),
    }),
    css({ output: "bundle.css" }),
    replace({
      values: {
        "crypto.randomBytes": 'require("randombytes");',
      },
    }),
    resolve({
      browser: true,
      dedupe: ["svelte"],
    }),
    commonjs(),
    globals(),
    builtins(),
    alias({
      entries: [{ find: "~"replacement: path.resolve(__dirname"src/") }],
    }),

   ...,
  ],
  ...
};

맞게 작성한 것 같은데 브라우저에 화면이 안 나오네요

어떻게 해야 될까요?

stackoverflow에 buffer 관련 검색해봤는데, 답변이 안 달려있거나 주제와 관련없는 글이 대부분이서 남깁니다

현재 trello 예제 실습하는 "랜덤 고유 문자열 생성(crypto-random-string)과 rollup 구성" 보고 있습니다

Sortable svelte Rollup

Answer 3

1

tlsqlgksthsu8446

1. readme나 gitignore 같은 것들은 전혀 손대지 않았습니다

2. 까먹고 질문 본문에 적지 않은 내용이 있습니다...

처음 라이브러리 설치할 때, 모두 최신버전으로 설치해버려서 도중에 버전 바꾸려고 다시 설치를

시도했으나 몇몇은 버전이 바뀌고 몇몇은 에러가 나서 프로젝트 지우고 하기엔 좀 귀찮아서 그대로 진행했습니다

3. https://github.com/chifuyu1/try-trello.git

0

HEROPY

남겨주신 GitHub 저장소 확인했습니다.

제 환경에서도 같은 문제가 발생하네요.

여러모로 테스트를 해봤습니다만,

설치된 모듈 버전과 내용이 워낙 달라서 정확한 문제의 원인은 파악하지 못했고,

모든 버전과 구성을 원본 예제와 일치시키는 작업을 거쳐서 정상적으로 동작하도록 수정했습니다.

수정된 버전은 선종원 님께서 남겨주신 깃헙 저장소로 병합 요청(Pull request)을 생성했습니다.

https://github.com/chifuyu1/try-trello/pull/1

요청된 커밋의 차이점을 확인하시고 병합(Merge) 후 다시 당겨와 사용하시면 됩니다.

혹시 수정한 버전에서도 문제가 발생하면 다시 질문 남겨주세요~😉

0

HEROPY

안녕하세요, 선종원 님~😄

아직은 제가 질문하신 문제에 대해 예상되는 부분이 없는데요,

혹시 가능하시다면 이 문제가 발생하는 프로젝트를 그대로 GitHub 저장소에 푸쉬 후 공유해 주실 수 있을까요?

공유해 주시면, Fork 후에 로컬에서 테스트해 보겠습니다!

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

207

1

5 라이프사이클 모듈화 - 질문

0

285

1

소스코드

0

268

1

스벨트킷 강의는 안해주시나요?

0

334

1

강의 소스 코드

1

657

2

aws ec2 배포시 질문

1

883

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

443

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

379

1

textarea에서 esc 키를 누를 때 오류

1

334

1

스벨트 반응성에 대해 질문드립니다!

1

470

1

백엔드는 어떻게 배우면 좋을까요?

1

305

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

393

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6126

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

304

1

로그인 정보를 확인할 때

1

250

1

재렌더링 때 interval 처리 질문

1

287

1

7:10초 설명에 질문 있습니다.

1

268

1

:global() 에서 & 적용이 안되는거 같아요

2

298

1

promise 변수에 초기값 관련 질문입니다.

1

383

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

232

1

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

1

340

1

패키지 설치 시 퍼미션 에러

1

295

1

스토어를 왜 사용하는지 궁금합니다

0

236

1

node-sass 설치 오류

1

2055

2