React Typescript scss

Question

Witam

Mam problem z importem pliku scss jeśli chodzi o Typescript, mam taki kod który poprawnie importuje style do reacta, ale z Typescript nie działą

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

import main from './scss/main.scss'


ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

Nie umię tego rozwiązać, ktoś wie jak?

Comments

Nie wiem jak to jest z scss, ale w przypadku zwykłych css'ów, by je zaimportować jako moduł muszą mieć przed rozszerzeniem .module, np. main.module.css, możliwe że dla scss jest tak samo.

Answer 1

Tez miałem z tym problem, zrób po prostu
 

import './file.scss';

 

Comments

dzieki wielkie!!!

Answer 2

TypeScript does not know that there are files other than .tsor .tsx so it will throw an error if an import has an unknown file suffix.

// declaration.d.ts
declare module '*.scss' {
    const content: {[className: string]: string};
    export default content;
}

Plik deklarracyjny ustaw jako  declaration.ts np