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版本问题,我刚刚也出现了这个问题。

0
1
加应子
应该安装哪个版本的呢
2019-07-13
共1条回复

echola

2019-03-19

wuq

0
0

Rosen

2019-01-04

检查下插件版本,是不是和源代码里的一致

0
7
qq_慕函数0558127
回复
SilentJhin
解决了谢谢
2019-10-17
共7条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4268 学习 · 4120 问题

查看课程