为什么我的const没有被导出？

Question

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

const CenterStyle = {
  width: 800,
  backgroundColor: '#FFFFFF',
  marginLeft: 300,
  marginTop: 100
}

export { CenterStyle };

我有一个skills.js文件，其中包含以下内容：

import React, { Component } from 'react';
import { CenterSyle } from './style';

class Skills extend React.Component
.....React code......

然后最后在我的App.js文件中导入整个Skills类：

import Skills from './skills'

我遇到的问题是，在我的skills.js中，我的CenterStyle const是undefined。它没有被导入。我能做错什么？

Answer 1

两件事

您可以尝试在const之前使用export

export const CenterStyle = {
  width: 800,
  backgroundColor: '#FFFFFF',
  marginLeft: 300,
  marginTop: 100
}

并将其导入为

import { CenterSyle } from './style';

或

有默认导出

const CenterStyle = {
  width: 800,
  backgroundColor: '#FFFFFF',
  marginLeft: 300,
  marginTop: 100
}

export default CenterStyle ;

并将其导入为

import CenterSyle from './style';

Answer 2

这应该可以解决问题：

export const CenterStyle = {
  width: 800,
  backgroundColor: '#FFFFFF',
  marginLeft: 300,
  marginTop: 100
}

然后在你的技能中将其导入为：

import { CenterSyle } from './style';