TypeError: this.emitFile is not a function
来源:3-7 webpack对icon-font和图片的处理

amurocrash
2019-01-03
index.css代码:
body{
background: url('../../image/test-img.jpg');
}
module配置:
module: {
loaders: [
{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")},
// {test: /\.(gif|png|jpg)\??.*$/, loader: 'url-loader?limit=100&name=resource/[name].[ext]'}
{ test: /\.(gif|png|jpg|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=100&name=resource/[name].[ext]' }
]
},
后报错
Time: 1254ms
Asset Size Chunks Chunk Names
js/base.js 4.62 kB 0 [emitted] common
js/index.js 18.9 kB 1 [emitted] index
js/login.js 265 bytes 2 [emitted] login
view/index.html 376 bytes [emitted]
view/login.html 396 bytes [emitted]
[0] multi common 28 bytes {0} [built]
[0] multi index 28 bytes {1} [built]
[0] multi login 28 bytes {2} [built]
[1] ./src/page/common/index.js 42 bytes {0} [built]
[2] ./src/page/index/index.js 63 bytes {1} [built]
[10] ./src/page/module.js 50 bytes {0} [built]
[12] ./src/page/login/index.js 39 bytes {2} [built]
+ 8 hidden modules
ERROR in ./src/image/test-img.jpg
Module build failed: TypeError: this.emitFile is not a function
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/file-loader/dist/index.js:53:10)
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/url-loader/dist/index.js:76:19)
@ ./~/css-loader/dist/cjs.js!./src/page/index/index.css 4:41-76
ERROR in ./src/page/index/index.css
Module build failed: ModuleBuildError: Module build failed: TypeError: this.emitFile is not a function
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/file-loader/dist/index.js:53:10)
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/url-loader/dist/index.js:76:19)
at NormalModule.onModuleBuildFailed (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:315:19)
at nextLoader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:270:31)
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:292:15
at runSyncOrAsync (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:173:4)
at nextLoader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:290:3)
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5
at Storage.provide (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:52:20)
at CachedInputFileSystem.readFile (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:140:24)
at NormalModule.onLoadPitchDone (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:255:7)
at NormalModule.loadPitch (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:182:27)
at NormalModule.loadPitch (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:186:21)
at NormalModule.loadPitch (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:223:61)
at NormalModule.doBuild (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack-core/lib/NormalModuleMixin.js:241:4)
at NormalModule.build (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModule.js:84:14)
at Compilation.buildModule (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/Compilation.js:126:9)
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/Compilation.js:309:10
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModuleFactory.js:58:13
at NormalModuleFactory.applyPluginsAsyncWaterfall (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/tapable/lib/Tapable.js:75:69)
at onDoneResolving (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModuleFactory.js:38:11)
at onDoneResolving (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModuleFactory.js:121:6)
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModuleFactory.js:116:7
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:726:13
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:52:16
at async.forEachOf.async.eachOf (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:236:30)
at _parallel (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:717:9)
at Object.async.parallel (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:731:9)
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/webpack/lib/NormalModuleFactory.js:109:12
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:726:13
at /Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:52:16
at async.forEachOf.async.eachOf (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/async/lib/async.js:236:30)
Child html-webpack-plugin for "view/index.html":
+ 4 hidden modules
Child html-webpack-plugin for "view/login.html":
+ 3 hidden modules
Child extract-text-webpack-plugin:
+ 4 hidden modules
ERROR in ./src/image/test-img.jpg
Module build failed: TypeError: this.emitFile is not a function
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/file-loader/dist/index.js:53:10)
at Object.loader (/Users/didi/Downloads/DevelopWeb/mmall-fe/node_modules/url-loader/dist/index.js:76:19)
@ ./~/css-loader/dist/cjs.js!./src/page/index/index.css 4:41-76
尝试把url-loader后面的内容删掉就build成功,求解?
写回答
3回答
-
小蜗牛大梦想
2019-05-01
url-loader版本问题,我刚刚也出现了这个问题。
012019-07-13 -
echola
2019-03-19
wuq
00 -
Rosen
2019-01-04
检查下插件版本,是不是和源代码里的一致
072019-10-17
相似问题