Question

我正在尝试使用Web Pack 3构建React + Redux应用程序架构以进行捆绑。我正在尝试使用数据集的临时JSON文件并将它们导入到想要使用从导入的JSON返回的数据的Service文件中。

我尝试在Promise.resolve（JSON）中使用导入的JSON，并且某种程度上似乎未定义该值。

注意：此块位于IIFE块中。

查找下面的服务代码。

import jsonVal from './josnFile.json';

export default (function() {
    return {
        method1: methodName1,
        method2: methodName2,
        ...
    }

    function methodName1(){
        return new Promise((resolve, reject) => {
            resolve(jsonVal);
            // ...usual then, catch blocks for returning rejects
        });
    }
}());

在所有这些流程之后，我已经设置了reducers和actions来适当地更新Redux状态。但是没有更新发生，因为JSON数据总是未定义，当我尝试通过Redux connect（mapStateToProps）将其传递给表示的React组件时，它也是未定义的。

我想知道如何将这个JSON包含在模拟API中。我是否必须在webpack或任何其他解决方案中使用JSON加载程序？

注意：我正在使用babel-node来转换ES6代码

无法使用React Redux Webpack应用程序中的ES6导入从本地文件导入JSON数据

0 个答案: