Typoskript nicht finden, Stil Module

Question

Ich habe die folgende Grundkonfiguration in meinem webpack, die zu Laden meine Styles über Typoskript relevant ist:

{ 
    module: { 
    rules: [{ 
     test: /\.s?css$/, 
     use: [ 
     { loader: 'style-loader' }, 
     { 
      loader: 'typings-for-css-modules-loader', 
      options: { 
      sass: true, 
      modules: true, 
      camelCase: true, 
      importLoaders: 1, 
      namedExport: true, 
      localIdentName: '[name]__[local]__[hash:base64:5]', 
      } 
     }, 
     { loader: 'sass-loader' }, 
     ] 
    }], 
    }, 
    resolve: { 
    alias: { 
     app: srcPath, 
    }, 
    modules: ['node_modules', srcPath], 
    extensions: ['.js', '.jsx', '.json', '.scss', '.css', '.tsx', '.ts', '.d.ts'], 
    }, 
} 

In meinem tsconfig.json, ich habe folgendes Spiel:

{ 
    "compilerOptions": { 
    "paths": { 
     "app": ["./app"] 
    } 
    } 
} 

Ich bekomme jedoch immer einen Fehler beim Versuch, eine Datei von app/styles/root.scss mit der folgenden Projektstruktur zu laden:

├── components 
│   └── Root.tsx 
├── styles 
│   └── root.scss 
├── index.hbs 
├── index.scss 
├── index.scss.d.ts 
└── index.tsx 

Es ist wie Typoskript scheint nicht in der Lage, diesen Weg richtig zu lösen. Wenn dies eine einfache JS-basierte Datei wäre, würde es gut funktionieren.

Seltsamerweise kann ich eine root.scss.d.ts mit den Definitionen für die CSS-Datei hinzufügen und es wird korrekt aufgelöst. Ich denke, das ist etwas seltsam, weil ich speziell typings-for-css-modules-loader für diese Aufgabe verwende.

Wie erhalte ich TypeScript, um diese scss-Dateien im Styles-Verzeichnis aufzulösen?

Answer 1

Fix

einfach

declare module "*.scss"; 

Mehr

Siehe JavaScript Migrationsleitfaden Typoskript: https://basarat.gitbooks.io/typescript/content/docs/types/migrating.html