Question

我正在尝试使用 ReactJS (https://react-select.com/home#getting-started) 的选择输入工具，以便我可以在我的网站上使用过滤器/搜索栏。我将上面链接中的代码复制并粘贴到我的 src 文件夹中的一个新文件中。此时我没有错误，但是当我将此过滤器文件导入我的 App.js 文件并运行它时，出现以下错误：

Module not found: You attempted to import ../data which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

这里是过滤器文件的导入：

import React, { Component, Fragment } from 'react';
import Select from 'react-select';
import { colourOptions } from '../data';
import { Note } from '../styled-components';

其余的代码在上面的链接中（我使用了单一搜索，第一个出现的搜索）。我查了几件事，似乎无法弄清楚如何摆脱这个错误！ [编辑] 我什至不知道这个数据文件在我的项目或我的电脑中的什么地方。我已经搜索过它并且我有一百万个数据文件，所以我不确定要带入我的 src 文件夹的内容。我在样式组件导入时也遇到了同样的问题。当我在电脑上搜索时，什么也没有出现。

Answer 1

import { colourOptions } from '../data';

上面的导入好像有误。您可能希望从与 App.js 位于同一目录中的 data.js 导入。

import { colourOptions } from './data';

这可以帮助您解决错误。还要确保 data.js 文件与 App.js 位于同一目录中。

如何摆脱 React Select 导入错误？

1 个答案: