TL; 博士
我正在使用 TypeScript 和 React。我已经定义了我的AppContainer.tsx
组件,并将其导出为默认值。我在文件app.ts
中使用ReactDOM
它以将其呈现给目标 dom 元素。但是在那里我收到以下错误(见图)。阅读下文了解更多信息和 GitHub 存储库链接。
问题:我在做什么或解释错了什么?从我见过的所有代码示例中,这应该可行 - 但也许(显然)我遗漏了一些东西。以下是完整 GitHub 存储库的更多信息和链接。
环境
- react 15.4.2
- react DOM 15.4.2
- 打字:https : //github.com/aredfox/electron-starter/blob/master/typings.json
- tsconfig: https://github.com/aredfox/electron-starter/blob/master/tsconfig.json
代码
文件'/components/AppContainer.tsx'
/// <reference path="../../../typings/index.d.ts" />
// Top level application component
/*------------------------------------------------------------------------------------*/
/** IMPORTS **/
import * as React from 'react';
import { Component } from 'react';
/*------------------------------------------------------------------------------------*/
/*///*/
/*------------------------------------------------------------------------------------*/
/** COMPONENT **/
export default class AppContainer extends React.Component<{}, {}> {
render() {
return ( <div /> );
}
}
/*------------------------------------------------------------------------------------*/
/*///*/
https://github.com/aredfox/electron-starter/blob/master/src/views/components/AppContainer.tsx
文件“app.ts”
/// <reference path="../../typings/index.d.ts" />
/// <reference path="interfaces.d.ts" />
// Setting up react inside the host html
/*------------------------------------------------------------------------------------*/
/** IMPORTS **/
import * as React from 'react';
import * as ReactDOM from 'react-dom';
// Components
import AppContainer from './components/AppContainer';
/*------------------------------------------------------------------------------------*/
/*///*/
/*------------------------------------------------------------------------------------*/
/** RENDER TO DOM **/
ReactDOM.render(
<AppContainer/>,
document.getElementById('AppContainer')
);
/*------------------------------------------------------------------------------------*/
/*///*/
https://github.com/aredfox/electron-starter/blob/master/src/views/app.ts