typescript compiler option for resolving scss imports
<p>I am using the following compiler options for a tool I am making and I am seeing an error when the compiler can't find the compiled scss file. </p>

<p>In other words, I have the following files:</p>

<ul>
<li>ClassA.tsx

<ul>
<li>This file has the line: <code>import styles from './ClassA.module.scss';</code></li>
</ul></li>
<li>ClassA.module.scss</li>
</ul>

<p>After the files are compiled I have the files:</p>

<ul>
<li>ClassA.js

<ul>
<li>This file has the line: <code>var ClassA_module_scss_1 = require('./ClassA.module.scss');</code></li>
</ul></li>
<li>Class.module.scss.js</li>
</ul>

<p>And I am seeing the error: <code>Cannot find module ClassA.module.scss</code></p>

<p>These are my compiler options: </p>

<pre><code>compilerOptions: {
    target: typescript.ScriptTarget.ES5,
    module: typescript.ModuleKind.CommonJS,
    moduleResolution: typescript.ModuleResolutionKind.NodeJs,
    rootDir: this.buildConfig.rootPath,
    declaration: true,
    experimentalDecorators: true,
    jsx: typescript.JsxEmit.React,
    sourceMap: true
  }
</code></pre>

<p>Is there something special I must do to resolve the scss file?</p>