create-react-app在src目录之外导入限制

Question

create-react-app在src目录之外导入限制

我正在使用create-react-app。我试图从我的公共文件夹中调用图像src/components。我收到此错误消息。

./src/components/website_index.js找不到模块：您试图导入位于项目src /目录之外的../../public/images/logo/WC-BlackonWhite.jpg。不支持src /之外的相对导入。你可以在src /中移动它，或者从项目的node_modules /中添加一个符号链接。

import logo from '../../public/images/logo_2016.png'; <img className="Header-logo" src={logo} alt="Logo" />

我已经阅读了很多东西，说你可以对路径进行导入，但这对我来说仍然不起作用。任何帮助将不胜感激。我知道有很多这样的问题，但是他们都告诉我要导入徽标或图像，所以很清楚我在大图中遗漏了一些东西。

Answer 1

react-app-rewired包可用于删除插件。这样您就不必弹出。按照npm包页面上的步骤（安装包并翻转package.json文件中的调用）并使用config-overrides.js类似于这个的文件：const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');module.exports = function override(config, env) {     config.resolve.plugins = config.resolve.plugins.filter(plugin => !(plugin instanceof ModuleScopePlugin));     return config;};这将从已使用的WebPack插件中删除ModuleScopePlugin，但保留其余部分并删除弹出的必要性。