国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

TypeError:__webpack_require __。i(…)不是一個函數(shù)

瀏覽:115日期:2024-04-22 17:48:03
如何解決TypeError:__webpack_require __。i(…)不是一個函數(shù)?tl; dr對于發(fā)問者:將其添加到您的webpack.config.js:

resolve: { alias: {core: path.join(__dirname, ’core’), }, },對于一般讀者:確保您嘗試導(dǎo)入的東西確實存在于該軟件包中。說明發(fā)問者的問題:導(dǎo)入自己的代碼,例如npm模塊

您嘗試以與從node_modules文件夾中的npm包中導(dǎo)入內(nèi)容相同的方式導(dǎo)入模塊的導(dǎo)出內(nèi)容:import { something } from’packagename’;。這樣做的問題是無法立即使用。在Node.js的文檔給出為什么答案:

如果沒有以“ /”、“./”或“ ../”開頭的文件,則該模塊必須是核心模塊,或者是從node_modules文件夾加載的。

因此,您必須按照Waldo Jeffers 建議進行操作并編寫import { smartForm }from’./core’,或者可以配置webpack以便它可以通過創(chuàng)建別名來解決導(dǎo)入路徑,而別名是為解決此確切問題而創(chuàng)建的。

一般調(diào)試錯誤消息

如果您嘗試從現(xiàn)有的npm包(中node_modules)中導(dǎo)入某些內(nèi)容,但是 則會出現(xiàn)此錯誤。在這種情況下,請 并且您嘗試導(dǎo)入的給定內(nèi)容確實在該軟件包中。如今,將庫分成多個npm軟件包很流行, 。

因此,如果您得到這樣的信息:

TypeError: __webpack_require__.i(...) is not a function at /home/user/code/test/index.js:165080:81 at Layer.handle [as handle_request] (/home/user/code/test/index.js:49645:5)

要獲取有關(guān)應(yīng)檢查哪些導(dǎo)入的更多信息,只需打開由webpack生成的輸出文件,然后轉(zhuǎn)到錯誤堆棧中最上面一行所標(biāo)記的行(本例中為165080)。您應(yīng)該看到類似:的信息__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9_react_router_dom__['match'])。這告訴我們,中沒有match導(dǎo)出(或存在,但是它不是一個函數(shù))react-router-dom,因此我們需要檢查該導(dǎo)入周圍的內(nèi)容。

解決方法

我在嘗試簡化導(dǎo)入時遇到webpackTypeError。以下代碼可以正常工作。在這里,我導(dǎo)入了一個smartForm從調(diào)用的React高階組件(HOC)core/components/form/index.js。

core / components / form / index.js (對進行命名輸出smartForm)

export smartForm from ’./smart-form’;

login-form.jsx (導(dǎo)入和使用smartForm)

import { smartForm } from ’core/components/form’;class LoginForm extends React.Component { ...}export default smartForm(LoginForm);

但是,我想將導(dǎo)入簡化為just import { smartForm } from ’core’。所以,我再出口smart-form的core/index.js和進口它core。請參見下面的代碼:

core / index.js (對進行命名導(dǎo)出smartForm)

export { smartForm } from ’./components/form’;// export smartForm from ’./components/form’; <--- Also tried this

login-form.jsx (導(dǎo)入和使用smartForm)

import { smartForm } from ’core’; class LoginForm extends React.Component {... } export default smartForm(LoginForm); // <--- Runtime exception here

這段代碼編譯沒有任何問題,但是我在行中得到了以下運行時異常export default smartForm(LoginForm);:

login-form.jsx:83未捕獲的TypeError: webpack_require .i(…)不是函數(shù)(…)

我想念什么?

PS這是我正在使用的圣經(jīng)和插件版本:

'babel-core': '^6.18.2','babel-preset-es2015-webpack': '^6.4.3','babel-preset-react': '^6.16.0','babel-preset-stage-1': '^6.16.0',

標(biāo)簽: web
相關(guān)文章:
主站蜘蛛池模板: 欧美一级网址 | 特级毛片a级毛免费播放 | 成人性色生活片全黄 | 最近中文字幕精彩视频 | 九九精品视频在线观看九九 | 日韩在线视频线视频免费网站 | 成人免费网址在线 | 久久国产乱子伦精品免费不卡 | www中文字幕在线观看 | 国产精品久久久久a影院 | 一级做人爱a视频正版免费 一级做性色a爱片久久片 | 一级毛片在线免费播放 | 久草综合网| 6080伦理久久精品亚洲 | 高清国产美女一级毛片 | 亚洲欧美视频一区 | 亚洲精品久久久久久久福利 | 久久精品7| 99视频九九精品视频在线观看 | 日韩a一级欧美一级 | 中文字幕成人免费高清在线视频 | 91欧洲在线视精品在亚洲 | 国产精品久久久久影院色老大 | 女人aaaaa片一级一毛片 | 久久久精品一区二区三区 | 中文字幕亚洲高清综合 | 一级片图片 | 97视频在线播放 | 欧美日韩精品一区三区 | 久久er热视频在这里精品 | 国产一级黄色 | 欧美视频精品一区二区三区 | 香蕉视频老司机 | 亚洲涩涩精品专区 | 国产精品国产三级国产普通 | 日本a级毛片免费视频播放 日本a级三级三级三级久久 | 午夜淫片| 美女扒开腿让男生桶爽网站 | 另类亚洲孕妇分娩网址 | 久久欧美成人精品丝袜 | 国产精品久久久久久久久免费hd |