在 Typescript 中导入 JSON 时出现问题 [重复]

Question

我想在我的 .ts 文件之一中导入 JSON 文件。但是，当我执行要求时。我遇到了运行时错误。

public serverConfiguration = require('./serverConfiguration.json');

这是我在 .ts 中添加 JSON 文件的方式。

在运行网页时，我收到以下错误：

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/config/serverConfiguration.json.js
Error: XHR error (404 Not Found) loading http://localhost:3000/config/serverConfiguration.json.js
    at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29)
    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35)
    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47)
    at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33)
Error loading http://localhost:3000/config/serverConfiguration.json.js as "./serverConfiguration.json" from http://localhost:3000/config/config.js
    at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29)
    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35)
    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47)
    at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33)
Error loading http://localhost:3000/config/serverConfiguration.json.js as "./serverConfiguration.json" from http://localhost:3000/config/config.js

我在我的 System.config.js 中做了一个条目，但仍然没有运气。

  packages: {
    serverConfiguration:{
        defaultExtension : 'json'
    },

我也尝试过导入 JSON 文件，但我认为 JSON 文件不能这样做。

提前致谢。

Answer 1

您必须确保导出 json：

var json = [{}]
exports.json = json;

现在您的要求将作为：

var json = require('./serverConfiguration'); //<---change the extension to js