国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 日本免费在线 | 免费观看三级毛片 | 女人张开腿让男人捅视频 | 成人午夜在线观看国产 | 欧美激情视频一区二区免费 | 亚洲欧美一区二区三区在线播放 | 久久中文字幕久久久久 | 久久精品国产欧美成人 | 亚洲国产精品一区二区三区久久 | 久在草视频 | 国产精品亚洲精品一区二区三区 | 精品丝袜国产自在线拍亚洲 | 亚洲精品不卡久久久久久 | 欧美性极品hd高清视频 | 欧美在线一级精品 | 日韩国产午夜一区二区三区 | 免费观看一级特黄欧美大片 | 国产精品日韩 | 亚洲成人中文 | 国产三级做爰高清视频a | 久草草视频在线观看免费高清 | 免费国产视频在线观看 | 成人a毛片在线看免费全部播放 | 最新国产一区二区精品久久 | 亚洲国产午夜精品理论片的软件 | 欧美精品亚洲精品日韩专区 | 一区二区三区四区视频在线观看 | 欧美大狠狠大臿蕉香蕉大视频 | 欧美成人高清在线视频大全 | 亚洲深夜视频 | 视频一区二区三区在线 | 免费看欧美一级特黄a大片一 | 怡红院成人永久免费看 | 亚洲综合国产 | 国产亚洲一路线二路线高质量 | 午夜一级毛片免费视频 | 日本高清色本在线www游戏 | 深夜福利国产 | 久久99国产精品视频 | 亚洲国产精品成人久久 | 国产中文在线视频 |