2016-05-10 127 views
3

私は反応、redux Typescriptアプリケーションで作業しています。私はいくつかの変更の後でモジュールの1つがメンバーのエクスポートを停止したという奇妙な状況があります。Typescriptモジュールにはエクスポートされたメンバーがありません - 反応します

フォルダ構造は次のとおりです。ラッピング.TSファイルは「コンテナ」フォルダにありながら

src 
|---- components 
|---- containers 

「コンポーネント」フォルダは.tsxファイルがあります。

NodeList.tsxを以下に記載されているモジュール:

import * as React from "react"; 

export const NodeList = (props) => (
    <div id="NodeList"> 
     <ul> 
     {props.items.map((item, i) => (
      <li key={i} > 
       <span id={"Item_"+i}>{item}</span> 
      </li> 
      ) 
     )} 
     </ul> 
    </div> 
    ) 

包装容器NodeListContainerである:

import { connect } from "react-redux"; 
import { Provider } from "react-redux"; 

import { Nodelist } from "../components/NodeList" 

const nodesAsArrayOfType = (state, nodeType: string) => { 
    console.log("Going for nodes of type ", nodeType) 
    let a = state.data.model.nodes 
    let k = Object.keys(a); 
    let sub = k.filter((e) => { 
        return a[e].nodeType == nodeType 
     }).map((e) => a[e]) 
    console.log("Got nodes ", sub)  
    return sub 
} 

const mapStateToProps = (state) => { 
    var list = nodesAsArrayOfType(state, state.UIstate.focusNodeType).map((e) => {return JSON.stringify(e)}) 
    console.log("Returning ", list, list.length) 
    return { 
     items: list 
    } 
} 

const mapDispatchToProps = (dispatch) => { 
    return { 
     newTextValue: (e) => {dispatch({type: "ON_CHANGE", text: e.target.value})} 
    } 
} 

export const NodeListContainer = connect(
    mapStateToProps, 
    mapDispatchToProps 
    )(NodeList) 

上記のNodeListのインポートがエラーメッセージ

ERROR in ./src/containers/NodeListContainer.ts 
(4,10): error TS2305: Module '"MyProject/src/components/NodeList"' has no exported member 'Nodelist'. 
とフラグが設定されています

ここで起こったことについて誰でも洞察できますか?

答えて

11

入力ミスを修正した場合は、コードが正しく動作するはずです。

代わりの

import { Nodelist } from "../components/NodeList" 

あなたが書く必要があります:私はこの上で時間を失ったサイコーずっと:-)

import { NodeList } from "../components/NodeList" 
//   ^capital L 
+0

感謝を! – user2302244

関連する問題