首頁猿問 create-react-app在...

create-react-app在src目錄之外導(dǎo)入限制

JavaScript React.JS

慕田峪4524236 2019-08-13 16:07:52

create-react-app在src目錄之外導(dǎo)入限制我正在使用create-react-app。我試圖從我的公共文件夾中調(diào)用圖像src/components。我收到此錯(cuò)誤消息。./src/components/website_index.js找不到模塊：您試圖導(dǎo)入位于項(xiàng)目src /目錄之外的../../public/images/logo/WC-BlackonWhite.jpg。不支持src /之外的相對(duì)導(dǎo)入。你可以在src /中移動(dòng)它，或者從項(xiàng)目的node_modules /中添加一個(gè)符號(hào)鏈接。import logo from '../../public/images/logo_2016.png'; <img className="Header-logo" src={logo} alt="Logo" />我已經(jīng)閱讀了很多東西，說你可以對(duì)路徑進(jìn)行導(dǎo)入，但這對(duì)我來說仍然不起作用。任何幫助將不勝感激。我知道有很多這樣的問題，但是他們都告訴我要導(dǎo)入徽標(biāo)或圖像，所以很清楚我在大圖中遺漏了一些東西。

查看完整描述

3 回答

吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

react-app-rewired包可用于刪除插件。這樣您就不必彈出。

按照npm包頁面上的步驟（安裝包并翻轉(zhuǎn)package.json文件中的調(diào)用）并使用config-overrides.js類似于這個(gè)的文件：

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，但保留其余部分并刪除彈出的必要性。

反對(duì) 回復(fù) 2019-08-13