title: Type Error: this.getOptions is not a function For style-loader
body: <p><strong>Problem</strong></p>
  <p>While using Storybook, I am running <code>npm run storybook</code> and getting the error below.</p>
  <pre><code>ModuleBuildError: Module build failed (from ./node_modules/style-loader/dist/cjs.js):
  TypeError: this.getOptions is not a function
  </code></pre>
  <p><strong>Background/Context</strong></p>
  <p>My goal is to get Storybook to be able to work with <code>sass</code>.</p>
  <p>The setup is a simple one: I have <code>scss</code> files that get imported by the component file.</p>
  <p>In looking up ways to accomplish this, I came across an <em>addon</em> to be able to do so, see <a href="https://github.com/storybookjs/presets/tree/master/packages/preset-scss" rel="noreferrer">this</a>.  Essentially, you can run <code>npm i --save-dev @storybook/preset-scss style-loader css-loader sass-loader</code>.</p>
  <p>In doing so, I encountered my first error.  It was the same error, but for <code>sass-loader</code>.  <a href="https://stackoverflow.com/questions/66082397/typeerror-this-getoptions-is-not-a-function">This</a> Stack Overflow thread helped me fix that error.</p>
  <p>So, I guess in summary, I've tried:</p>
  <ul>
  <li>Following along with the docs (linked above)</li>
  <li>Following along with the Stack Overflow thread (linked above)</li>
  </ul>
  <p><strong>Relevant Dev Dependencies</strong></p>
  <pre><code>&quot;@storybook/preset-scss&quot;: &quot;^1.0.3&quot;,
  &quot;css-loader&quot;: &quot;^6.2.0&quot;,
  &quot;sass-loader&quot;: &quot;^10.1.1&quot;,
  &quot;style-loader&quot;: &quot;^3.2.1&quot;
  </code></pre>
  <p>Thanks ahead of time!</p>