Компилятор typescript не находит файлы .tsx после переключения на относительные пути проекта в webpack

Question

Я продолжаю получать сообщение об ошибке, что мои .tsx-файлы больше не находятся в контексте компиляции типов. Эти ошибки возникли после того, как я определил корневые пути в моем файле конфигурации webpack и изменил все мои пути импорта относительно этих корневых путей.

Я понимаю, почему скриптовый компилятор жалуется, поскольку он не знает, как разрешать файлы. Мне интересно, есть ли конфигурация, которую я могу добавить в мой tsconfig.json, который сделает эту работу еще раз?

WebPack содержит конфигурацию, которая выглядит следующим образом:

resolve: { 
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js', '.png', '.scss'], 
    root: [ 
     path.resolve('./src'), 
     path.resolve('./node_modules') 
    ] 
} 

Мой файл tsconfig.json выглядит следующим образом:

{ 
    "compilerOptions": { 
    "target": "ES5", 
    "module": "commonjs", 
    "sourceMap": true, 
    "jsx": "react" 
    }, 
    "files": [ 
    "index.d.ts", 
    "./src/**/*.tsx", 
    "./src/*.tsx", 
    "./lib/**/*.tsx" 
    ] 
} 

Добавление этой конфигурации в WebPack позволяет мне иметь импорта, которые упростили, а из '../../folder1/folder2/module' Я могу просто указать 'folder1/folder2/module', однако, если это означает, что я не могу использовать инструменты внутри своей IDE (Atom, VSCode), тогда это не -стартер.

Любая помощь была бы принята с благодарностью.

Answer 1

мне интересно, если есть конфигурация, которую я могу положить в мой tsconfig.json, что будет делать эту работу снова

Вы можете использовать rootDirs опцию в машинописном ночной: https://github.com/Microsoft/TypeScript/wiki/What «s- новые-в-машинопись # модуль-разрешения-повышающие-BaseUrl путь-отображение-rootdirs-и трассировка

Больше

Я всегда рекомендую остановиться на ночном: https://basarat.gitbooks.io/typescript/content/docs/getting-started.html#typescript-version