(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決TypeError：__webpack_require __i（…）不是一個(gè)函數(shù)？tl; dr對(duì)于發(fā)問(wèn)者：將其添加到您的webpack.config.js：

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

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

如果沒(méi)有以“ /”、“./”或“ ../”開(kāi)頭的文件，則該模塊必須是核心模塊，或者是從node_modules文件夾加載的。

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

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

如果您嘗試從現(xiàn)有的npm包（中node_modules）中導(dǎo)入某些內(nèi)容，但是 則會(huì)出現(xiàn)此錯(cuò)誤。在這種情況下，請(qǐng) 并且您嘗試導(dǎo)入的給定內(nèi)容確實(shí)在該軟件包中。如今，將庫(kù)分成多個(gè)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)入的更多信息，只需打開(kāi)由webpack生成的輸出文件，然后轉(zhuǎn)到錯(cuò)誤堆棧中最上面一行所標(biāo)記的行（本例中為165080）。您應(yīng)該看到類(lèi)似：的信息__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9_react_router_dom__['match'])。這告訴我們，中沒(méi)有match導(dǎo)出（或存在，但是它不是一個(gè)函數(shù)）react-router-dom，因此我們需要檢查該導(dǎo)入周?chē)膬?nèi)容。

解決方法

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

core / components / form / index.js （對(duì)進(jìn)行命名輸出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)入簡(jiǎn)化為just import { smartForm } from ’core’。所以，我再出口smart-form的core/index.js和進(jìn)口它c(diǎn)ore。請(qǐng)參見(jiàn)下面的代碼：

core / index.js （對(duì)進(jìn)行命名導(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

這段代碼編譯沒(méi)有任何問(wèn)題，但是我在行中得到了以下運(yùn)行時(shí)異常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',