导入JavaScript变量为恒定角度

Question

我试图将JS变量作为常量导入到我的应用程序中，因为我无法使用常规的JSON方法。

我有以下代码：

//english.js
var english = {"title-1": "Some text"};
export { english as default };

并以这种方式导入它：

import { english } from '../path/english.js';

angular.module('myApp', ['ui.router'])

   .constant('english', english)

然后尝试像这样使用它：

export class AController {
  constructor($scope, english) {
    'ngInject';
    this.data = english; //undefined 
    ....

我在这里做错了什么？ 英语是未定义的。

Answer 1

我相信您不需要default

尝试export {english}; 代替。 有时，当我不确定ES6的功能时，我会尝试使用Babel REPL ，这对我了解我的实际工作很有帮助。

Answer 2

如果希望英语成为默认出口，则需要default关键字，并且应具有以下结构：

//english.js
var english = {"title-1": "Some text"};
export default english;

并且您将在不使用{}情况下导入它，如下所示：

import english from '../path/english';

要使english仅是导出的项目之一，您可以不使用default关键字。

//english.js
export var english = {"title-1": "Some text"};

并导入{}是必需的。

import {english} from '../path/english';

因此，根据您的情况，在导出default关键字时将其删除， 或者在导入时将{}删除。

从mdn 导入和导出文档。

Answer 3

由于您使用的是命名导出，因此english对象的导出无效。 您可以通过执行以下操作来改进此功能：

export const english = {"copy":"example"};