導入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"};