导入的文件始终会引发不变违规错误

Question

我有一个名为WeatherConditions.js的文件，其中包含以下内容：

export const weatherConditions = {
    Rain: {
      color: '#005BEA',
      title: 'Raining',
      subtitle: 'Get a cup of coffee',
      icon: 'weather-rainy'
    },
    Clear: {
      color: '#f7b733',
      title: 'So Sunny',
      subtitle: 'It is hurting my eyes',
      icon: 'weather-sunny'
    }
  };

在我的组件之一中，我是这样导入的：

import { weatherConditions } from '../utils/WeatherConditions';

并像这样使用它：

<Text>{weatherConditions[weather].title}</Text>

但是，我不断收到此错误：

  

未捕获的错误：始终违反：元素类型无效：预期   字符串（对于内置组件）或类/函数（对于复合   组件），但未定义。

奇怪的是，如果我尝试将weatherConditions的值写到控制台，我确实会得到一个值，例如：

console.log("weatherConditions testing:   ", weatherConditions[weather].color);

返回该位置的正确值：

＃005BEA

我已经检查了我的拼写，并确保所有路径都是正确的...我不知道为什么我总是收到此消息。