Как настроить Type Script c React (.tsx) используя babel 7, через настройки в конфиге webpack 4?
Использую следующие настройки babel в webpack config'e:
module.exports = () => ({
module: {
rules: [
{
test: /\.j|tsx?$/,
loader: 'babel-loader',
exclude: /\/node_modules\//,
options: {
presets: [
'@babel/preset-env',
'@babel/preset-react',
["@babel/preset-typescript", {
"isTSX": true,
"allExtensions": true
}]
],
plugins: [
'@babel/plugin-proposal-class-properties'
],
}
}
]
}
});
Сам код файла test.tsx ошибок не выдает в кончоли все чисто:
import React, { PureComponent } from 'react';
import './test.pcss';
interface Props {
name: boolean
}
export default class Test extends PureComponent<Props> {
render() {
const { name } = this.props;
return (
<div className="test">
<span>{name}</span>
</div>
)
}
}
Инициализация пропса name в компоненте Test:
import ReactDOM from 'react-dom';
import React from 'react';
import Test from './tmp';
document.addEventListener('DOMContentLoaded', ()=> {
ReactDOM.render(
<Test name={12312312}/>,
test
);
});
Помогите пожалуйста ребята, сложно самому разобраться, почему ошибок нет, формат же данных неверный, длолжна быть строка, а я передаю число
Простой
