storybook에서 웹 패키지 5를 사용하십시오.

날과 씨

최근 제작된 프로젝트에서storybook을 사용할 때 css-loader 주위에 다음과 같은 오류가 발생했습니다.

Module build failed (from ./node_modules/...):
TypeError: this.getOptions is not a function

조사 결과 홈페이지 4와 홈페이지 5 사이의 파괴적인 변경 때문이다.
새로운 프로젝트이기 때문에 css-loader와sass-loader는 모두 최신입니다. 웹 페이지 5를 명확하게 쓰려고 했는데 왜 그런지 모르겠습니다.

  // package.json
  "webpack":"^5.42.0"

해결책

storybook의 웹 패키지 5는 experimental에 대응하기 때문에 웹 패키지 5를 사용하도록 설정해야 합니다

yarn add --dev @storybook/builder-webpack5 @storybook/manager-webpack5

// main.js
module.exports = {
  core: {
    builder: 'webpack5',
  },
  ...

이렇게 하면 안전하게 작동합니다.