React-typescript cannot find module «typescript»? Почему?

Question

[Vann Damm]

При подключении картинок либо стилей выдает cannot find module "typescript"

Структурка...
src --

-- modules
-- module1
-- module2
-- main.ts

webpack--

-- webpack.config.js

package.json
tsconfig.json

TSCONFIG.json

{   
    "compilerOptions": {
        "allowSyntheticDefaultImports": true,
        "target": "es5",
        "downlevelIteration": true,
        "importHelpers": true,
        "sourceMap": true,
        "module": "esnext",
        "outDir": "./dist/",
        "moduleResolution": "node",
        "jsx": "react",
        "allowJs": true,
        "lib": ["dom","dom.iterable", "es2015", "es2016", "es2017", "esnext"],
        "forceConsistentCasingInFileNames": true,
        "experimentalDecorators": true,
        "noImplicitAny": true,
        "noUnusedParameters": true,
        "noImplicitReturns": true,
        "noImplicitThis": true,
        "noEmitOnError": true,
        "noUnusedLocals": true,
        "skipLibCheck": true,
        "strictNullChecks": true,
        "suppressImplicitAnyIndexErrors": true,
        // "types": ["jest"]
    },
    "include": ["./frontEnd/src/**/*"],
    "exclude": [
        "node_modules"
    ]
}

Answer 1

[Aetae]

Это грустные реалии typescript. При сборке вебпаком всё соберётся нормально, а вот для того чтобы IDE такое скушала - нужна персональна декларация(.d.ts) на каждый sass файл или общая но не информативная вида:

declare module '*.scss' {
  const scss: any;
  export default scss
}

, чтоб он знал какие там где типы.

Можно для автоматизации использовать такие штуки, но это всё такие костыли...

Comments

[Vann Damm]

спасибо большое

[Vann Damm]

Блин, что-то всё равно выдаёт ошибку. Может что не так сделал? Пробовал убирать "./" IDE не ругает, но после компиляции ошибка

[Aetae]

effect_tw, да, декларация модулем - это если для конкретного пути.
Если хотите для одного файлика, то рядом с файликом положите {имя файла с расширением}.d.ts, в котором просто экспорт:

[Vann Damm]

Aetae, спсасибо, заработало, но только один вариант. Второй вариант , при обращении к классу , в стилях ,через точку, не компилирует ничего. А если вбить руками класс через " " , то работает. Ведь должно работать два варианта...

[Aetae]

Ну так это только типизирование. Чтобы можно было стили подключать как модули - у вас в webpack должен быть настроен соответствующий loader.
Если у вас использован стандартный create-react-app, то там всё преднастроено только для стилей с именами {имя}.module.{расширение}.

P,.S. "Рабочий" у вас это просто обычное указание обычного класса.)