在本机上导出const变量未定义

Rob*_*yWH 5 javascript ecmascript-6 react-native

我已经在Color.js上定义了一些const,但是当我在Screen.js上调用它时,某些Color是未定义的

我在这个项目中使用react-native 0.45。这是我写的代码:

Color.js

export const ATHENS_GRAY = '#EDEEF0';
export const AQUA_SPRING = '#F8FBFD';
export const BLACK = '#000000';
export const BRIGHT_TURQUOISE = '#1BC1F1';
export const CATSKILL_WHITE = '#E4ECF4';
export const FROLY = '#F68181';
export const FUN_BLUE = '#1B61AD';
export const HIT_GRAY = '#A3AEB9';
export const JUMBO = '#7C7D80';
export const LIMED_SPRUCE = '#3D474C';
Run Code Online (Sandbox Code Playgroud)

Screen.js

import React, {Component} from 'react';
import { View, Text, FlatList, StyleSheet } from 'react-native';
import * as Color from './Color';

export default class Screen extends Component {
  constructor(props) {
    super(props);
    console.log(Color.BRIGHT_TURQUOISE);
    console.log(Color.FUN_BLUE);
  }

  render() {
    return (<View/>)
  }
}
Run Code Online (Sandbox Code Playgroud)

console.log的结果:

Color.BRIGHT_TURQUOISE未定义

Color.FUN_BLUE是'#1B61AD'

您有解决这个问题的想法吗?

Sya*_*ara 2

我已经在我的终端上使用 , \n 进行了尝试react-native log-android,并且两个值 \xe2\x80\x8b\xe2\x80\x8bare 都是这样获得的:

\n\n

在此输入图像描述

\n\n

或者也许您可以尝试另一种方法来导出常量,如下所示Color.js

\n\n
module.exports = Object.freeze({\n   ATHENS_GRAY : \'#EDEEF0\',\n   AQUA_SPRING : \'#F8FBFD\',\n   BLACK : \'#000000\',\n   BRIGHT_TURQUOISE : \'#1BC1F1\',\n   CATSKILL_WHITE : \'#E4ECF4\',\n   FROLY : \'#F68181\',\n   FUN_BLUE : \'#1B61AD\',\n   HIT_GRAY : \'#A3AEB9\',\n   JUMBO : \'#7C7D80\',\n   LIMED_SPRUCE : \'#3D474C\',\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

你可以再试一次:)

\n