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

您的位置:首頁技術文章
文章詳情頁

TypeError:__webpack_require __i(…)不是一個函數(shù)

瀏覽:80日期:2024-05-18 11:59:33
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決TypeError:__webpack_require __i(…)不是一個函數(shù)?tl; dr對于發(fā)問者:將其添加到您的webpack.config.js:

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

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

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

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

一般調試錯誤消息

如果您嘗試從現(xiàn)有的npm包(中node_modules)中導入某些內容,但是 則會出現(xiàn)此錯誤。在這種情況下,請 并且您嘗試導入的給定內容確實在該軟件包中。如今,將庫分成多個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)

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

解決方法

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

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

export smartForm from ’./smart-form’;

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

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

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

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

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

login-form.jsx (導入和使用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',

標簽: web
相關文章:
主站蜘蛛池模板: 成人免费黄色网址 | 亚洲高清在线观看播放 | 久久综合久久自在自线精品自 | 免费福利在线看黄网站 | 精品国产一区二区二三区在线观看 | 亚欧精品一区二区三区 | 日本aa毛片a级毛片免费观看 | 成人精品国产亚洲欧洲 | 国内美女福利视频在线观看网站 | 日韩手机看片福利精品 | 国产在线欧美日韩一区二区 | 亚洲欧洲久久久精品 | 免费国产a国产片高清 | 日本欧美一区二区三区片 | 亚洲免费在线观看 | 久久99国产精品免费观看 | 18lxxlxx日本 | 亚洲九九夜夜 | 国产成人在线视频网站 | 欧美日韩国产人成在线观看 | 国产欧美一区二区日本加勒比 | 韩国一级做a爰片性色毛片 韩国一区在线 | 香港三级日本三级三级人妇 | 日韩视频欧美视频 | 国产精品国色综合久久 | 一个人看的免费观看日本视频www | 正在播放国产乱子伦视频 | 一级做a爰片久久毛片美女 一级做a爰片久久毛片免费看 | 国产不卡在线观看视频 | 国产亚洲人成在线影院 | 九九视频在线观看 | 亚洲经典三级 | 久久精品7| 最新国产精品亚洲二区 | 久久精品视频观看 | 免费看真人a一级毛片 | 亚洲视频中文 | 久久精品a亚洲国产v高清不卡 | 亚洲国产精品日韩在线 | 亚洲91精品 | 亚洲精品久久一区二区无卡 |