angular2 升级后遇到静态解析符号值时出错

Question

我已经升级到最新的 Angular cli，现在我收到了这个错误：

静态解析符号值时遇到错误。对本地（非导出）符号“字典”的引用。考虑导出符号（原始 .ts 文件中的位置 12:7），解析 C:/xampp/htdocs/milesofmusic/src/app/translate/translation.ts 中的符号 TRANSLATION_PROVIDERS，解析 C:/xampp/htdocs 中的符号 AppModule /milesofmusic/src/app/app.module.ts，解析C:/xampp/htdocs/milesofmusic/src/app/app.module.ts中的符号AppModule

它引用的代码是这样的：

// all traslations
const dictionary = {
    [LANG_EN_NAME]: LANG_EN_TRANS,
    [LANG_HE_NAME]: LANG_HE_TRANS,
};

// providers
export const TRANSLATION_PROVIDERS = [
    { provide: TRANSLATIONS, useValue: dictionary },
];

并在我的应用程序模块中导入 从 './translate/translation' 导入 { TRANSLATION_PROVIDERS }； 并将其放在 providers 数组中

如何解决？

Answer 1

const dictionary  = {
    [LANG_EN_NAME]: LANG_EN_TRANS,
    [LANG_FR_NAME]: LANG_FR_TRANS,

};

我也遇到同样的错误，所以做一件事：直接写语言值而不是括号。

const dictionary  = {
    "en-US": LANG_EN_TRANS,
    "fr-FR": LANG_FR_TRANS,
};

享受快乐的编码

Answer 2

我相信您从万维网上某处的旧指南中获得了这个示例。据我记得，这个已经过时了，它不再是在 angular2 中处理翻译的合适方法。我建议你看看 i18n internationalization Angular 的食谱。