Пользовательский модуль с material-ui / typescript выдает ошибку «Возможно, вам нужен соответствующий загрузчик для обработки файла TSX» - PullRequest
0 голосов
/ 24 октября 2019

(A) проект имеет компонент со следующим кодом:

// sample.tsx
import React, { ReactElement } from 'react'
import Button from '@material-ui/core/Button'

export interface CustomButtonProps {
  // some prop
}
export const CButton = (props: CustomButtonProps): ReactElement => <Button {...props} />

и хотите использовать этот компонент Button из проекта (B).

Таким образом, модуль (A) установлен в проекте (B), но имеет ошибку,

Ошибка разбора модуля: неожиданный токен (4: 7)вам может понадобиться соответствующий загрузчик для обработки этого типа файла, ...

Но этот (A) проект имеет загрузчик ts с конфигурацией.

Вместо приведенного выше кода,если я экспортирую кнопку материала напрямую, например:

// sample.tsx
import React from 'react'
import Button from '@material-ui/core/Button'

export default Button

, тогда я могу успешно использовать эту кнопку без каких-либо ошибок. Так что я не думаю, что это ошибка компиляции файла TSX, может быть, в коде машинописного текста .. В чем проблема?

...