Как включить нетипизированные узловые модули с TypScript 1.8?

Question

Typcript 1.8 теперь поддерживает нетипированные файлы JS. Чтобы включить эту функцию, просто добавить --allowJs флаг компилятора или добавить «allowJs»: верно compilerOptions в tsconfig.json

через https://blogs.msdn.microsoft.com/typescript/2016/01/28/announcing-typescript-1-8-beta/

Я пытаюсь импортировать react-tap-event-plugin, который не делает есть файл типизации.

import * as injectTapEventPlugin from 'injectTapEventPlugin'; 

говорит, что модуль не найден. Поэтому я попробовал:

import * as injectTapEventPlugin from '../node_modules/react-tap-event-plugin/src/injectTapEventPlugin.js'; 

Это говорит о том, что модуль разрешает немодульный объект и не может быть импортирован с использованием этой конструкции. А потом я попробовал:

import injectTapEventPlugin = require('../node_modules/react-tap-event-plugin/src/injectTapEventPlugin.js'); 

Это сбой с ERROR in ./scripts/index.tsx Module build failed: TypeError: Cannot read property 'kind' of undefined на node_modules/typescript/lib/typescript.js:39567

Мой TSconfig:

{ 
    "compilerOptions": { 
    "target": "ES5", 
    "removeComments": true, 
    "jsx": "react", 
    "module": "commonjs", 
    "sourceMap": true, 
    "allowJs": true 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

Я использую Webpack с TS-погрузчик:

{ 
    test: /\.tsx?$/, 
    exclude: ['node_modules', 'tests'], 
    loader: 'ts-loader' 
} 

Answer 1

новая функция --allowJs не означает, что для вас будут созданы типизации, так что вы можете «Т сделать

import {SomeModule} from 'something'; 

где„что-то“является текстовым файлом JS - вы должны импортировать его с помощью обычного синтаксиса JS, например,

var someModule = require('something'); 

Если вы не имеете .d.ts файл для импорта, вы не сможете использовать любые аннотации типа, например,

let x: someModule 

будет недействительным. Если вам нужны аннотации типа, intellisense и любые другие функции TypeScript для импорта, вам придется придумать для этого файл .d.ts или создать свои собственные интерфейсы для необходимых вам битов.

Чтение документации, похоже, эта функция предназначена главным образом для людей, переходящих из .js в .ts, чтобы они могли поэтапно переписывать свои .js-файлы. Кроме того, он используется для связывания ваших внешних с вашим собственным кодом и позволяет вам связывать/объединять файлы с помощью инструмента, такого как webpack или браузера.