在React中导入文件时，获得期望的赋值或函数调用，而是看到一个表达式no-unused-expressions

Question

我有一个文件data.js ，其中仅包含对象数组，而没有其他内容，就像下面的内容

[{"id":"1122","name":"foo","price":"2.000"}, {"id":"1133","name":"bar","price":"7.000"}]

data.js文件位于我的主要组件所在的目录中。 我将其导入如下：

import Data from "./data";

但是我总是收到以下错误：

./src/components/data.js第1行：希望进行赋值或函数调用，而是看到一个表达式no-unused-expressions

我认为问题出在data.js文件本身中。 因为它既不是函数也不是类。 但是我不允许对文件进行任何更改。

Answer 1

您的data.js目前实际上并未导出任何内容，因此linter认为您已在该文件中声明了一个数组，该数组随后将不会在任何地方使用。 请尝试导出数组，以便可以导入它而不会出现问题：

export default [{"id":"1122","name":"foo","price":"2.000"}, {"id":"1133","name":"bar","price":"7.000"}];

如果您不希望文件包含Javascript语法，请不要使用.js文件扩展名，并在导入后解析JSON以转换为数组：

import Data from "./data";
const arr = JSON.parse(Data);