Question

我正在努力在我的应用中本地化一些devextreme组件。我决定用devextreme-intl这样做。我尝试导入邮件时遇到问题。我写了这个：

import deMessages from 'devextreme/localization/messages/de.json';

但是我收到了一个错误：找不到模块＆＃39; devextreme / localization / messages / de.json＆＃39;。我检查过这个文件存在于节点模块中，所以我不知道问题是什么。我想要实现这样的事情： https://js.devexpress.com/Demos/WidgetsGallery/Demo/Localization/UsingIntl/Angular/Light/

Answer 1

使用通配符模块名称

在您的TS定义文件中，例如typings.d.ts，您可以添加以下内容：

declare module "*.json" { const value: any; export default value; }

Answer 2

首先，将其添加到typings.d.ts：

declare module "*.json" {
    const value: any;
    export default value;
}

然后，将整个json文件导入到这样的字符串中：

import * as deMessages from 'devextreme/localization/messages/de.json';

Answer 3

自TyeScript 2.9起，您可以执行以下操作：

{
  "compilerOptions": {
    "resolveJsonModule": true,
    "esModuleInterop": true  
  }
}