TypeError: element.loader.split is not a function #1465
Description
Hello, I ran into this issue when running webpack:
D:\__start\WorkOrderUI\node_modules\webpack\node_modules\webpack-core\li
b\LoadersList.js:58
if(element.loader) return element.loader.split("!");
^
TypeError: element.loader.split is not a function
at getLoadersFromObject (D:\__start\WorkOrderUI\node_modules\webpack
\node_modules\webpack-core\lib\LoadersList.js:58:43)
at LoadersList.<anonymous> (D:\__start\WorkOrderUI\node_modules\webp
ack\node_modules\webpack-core\lib\LoadersList.js:78:12)
at Array.map (native)
at LoadersList.match (D:\__start\WorkOrderUI\node_modules\webpack\no
de_modules\webpack-core\lib\LoadersList.js:70:19)
at NormalModuleFactory.<anonymous> (D:\__start\WorkOrderUI\node_modu
les\webpack\lib\NormalModuleFactory.js:109:65)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\async\li
b\async.js:697:13
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\async\li
b\async.js:52:16
at done (D:\__start\WorkOrderUI\node_modules\webpack\node_modules\as
ync\lib\async.js:248:21)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\async\li
b\async.js:44:16
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\async\li
b\async.js:694:17
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\async\li
b\async.js:173:37
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\enhanced
-resolve\lib\UnsafeCachePlugin.js:29:4
at onResolved (D:\__start\WorkOrderUI\node_modules\webpack\node_modu
les\enhanced-resolve\lib\Resolver.js:39:10)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\enhanced
-resolve\lib\Resolver.js:123:21
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\enhanced
-resolve\lib\Resolver.js:191:15
at applyPluginsParallelBailResult.createInnerCallback.log (D:\__star
t\WorkOrderUI\node_modules\webpack\node_modules\enhanced-resolve\lib\Res
olver.js:104:30)
at loggingCallbackWrapper (D:\__start\WorkOrderUI\node_modules\webpa
ck\node_modules\enhanced-resolve\lib\createInnerCallback.js:21:19)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\tapable\
lib\Tapable.js:134:6
at innerCallback (D:\__start\WorkOrderUI\node_modules\webpack\node_m
odules\enhanced-resolve\lib\Resolver.js:90:37)
at loggingCallbackWrapper (D:\__start\WorkOrderUI\node_modules\webpa
ck\node_modules\enhanced-resolve\lib\createInnerCallback.js:21:19)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\tapable\
lib\Tapable.js:134:6
at Tapable.<anonymous> (D:\__start\WorkOrderUI\node_modules\webpack\
node_modules\enhanced-resolve\lib\DirectoryDescriptionFileFieldAliasPlug
in.js:101:26)
at D:\__start\WorkOrderUI\node_modules\webpack\node_modules\enhanced
-resolve\lib\DirectoryDescriptionFileFieldAliasPlugin.js:52:26
at Storage.finished (D:\__start\WorkOrderUI\node_modules\webpack\nod
e_modules\enhanced-resolve\lib\CachedInputFileSystem.js:38:16)
at FSReqWrap.readFileAfterClose [as oncomplete] (evalmachine.<anonym
ous>:380:3)
Here's my node modules:
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
Thanks.
Reacted by Dimitri Walters
Activity
sokra commentedon Sep 22, 2015
Change
loadertoloadersif you pass an array.huangjihua commentedon May 23, 2016
/Users/add/Documents/hank/TestProject/lawer-vue/node_modules/webpack-core/lib/LoadersList.js:58
if(element.loader) return element.loader.split("!");
^
TypeError: element.loader.split is not a function
at getLoadersFromObject (/Users/add/Documents/hank/TestProject/lawer-vue/node_modules/webpack-core/lib/LoadersList.js:58:43)
at LoadersList. (/Users/add/Documents/hank/TestProject/lawer-vue/node_modules/webpack-core/lib/LoadersList.js:78:12)
at Array.map (native)
at LoadersList.match (/Users/add/Documents/hank/TestProject/lawer-vue/node_modules/webpack-core/lib/LoadersList.js:70:19)
at /Users/add/Documents/hank/TestProject/lawer-vue/node_modules/webpack/lib/NormalModuleFactory.js:111:68
at /Users/add/Documents/hank/TestProject/lawer-vue/node_modules/async/lib/async.js:726:13
at /Users/add/Documents/hank/TestProject/lawer-vue/node_modules/async/lib/async.js:52:16
at done (/Users/add/Documents/hank/TestProject/lawer-bogon:lawer-vue hank$
MystK commentedon Aug 29, 2016
I'm embarrassed to say I spent half an hour on this. Just wanted to say thanks that this was here!
Update webpack.config.babel.js
tugberkugurlu commentedon Dec 5, 2016
This should have been the error message 😢
wzup commentedon Jan 5, 2017
@sokra
Then why didn't you name the error that way?
element.loader.split is not a functionvs.Change loader to loaders if you pass an arrayOh, they soooo absolutely the same. Simply twins
mikegwhit commentedon Jan 22, 2017
This should be reopened and a more meaningful error should be added.
TheLarkInn commentedon Jan 23, 2017
I believe our webpack 2 configuration validation and loader api changes should error for this now. Have you tried it out with webpack 2.2 final?
youxiaqishi commentedon Jul 25, 2017
You can change old version
3286360470 commentedon Feb 22, 2019
It may be the version of extract-text-webpack-plugin.