无法使用控制台.log打印完整的 JSON

Question

• 我正在尝试将 JSON 文件导入变量Sample但Sample变量中只显示前几个字符。
• sample.json 是 20,00,000 个字符，当我在控制台上打印Sample变量时，只打印前 3,756 个字符。可以通过控制台.log打印的字符是否有任何限制？

• 完整的数据保留在Sample variable中，我通过搜索文件末尾出现的字符串来验证sample.json

  var Sample = require('./sample.json');
  export default class proj extends Component {
    constructor(props) {
      super(props);
      this.state = {
        locations: [],
      };
    }
    loadOnEvent() {   
        console.log(Sample);
       //this.state={ locations : Sample };
    }
  }
  

有没有其他方法可以在变量中打印数据Sample。

Answer 1

在日志记录之前，您必须使用 JSON.stringify 将 json 转换为字符串。

/* ... */
  loadOnEvent() {   
      console.log(JSON.stringify(Sample));
     //this.state={ locations : Sample };
  }
/* ... */

Answer 2

尝试使用另一种加载方式。如果文件是远程的，请使用fetch，如果文件是本地的，请使用fs。

如果是内存问题，@Shota请考虑使用服务器端处理对 json 文件的请求。设置微服务是一个很好的解决方案，它在启动时加载 json 文件并处理对从 json 文件解析的数据结构的请求。

---

webpack 用例的答案：

将 webpack 配置为专门用于此文件的 file-loader 或 copy-webpack-plugin，因为它足够大。考虑将其与 webpack 捆绑包并行加载。如果您的应用程序具有不需要每种情况的大部件，则必须将它们移动到单独的捆绑包中。