                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /webpack深入与实战

Cannot read property 'entry' of undefined

var htmlWebpackPlugin = require('html-webpack-plugin');
//commom.js的模块化输出
module.exports={
	entry:{
		main:'./src/script/main.js',		
		a: './src/script/a.js',
		b: './src/script/b.js',
		c: './src/script/c.js'
	},//入口文件
	output:{
		path:'./dist',
		filename:'js/[name]-[chunkhash].js',
		// publicPath:"http://cdn.com/"
	},
	plugins:[
		new htmlWebpackPlugin({
			filename:'a.html',
			template:'index.html',
			title:"webapck is a",
			inject:'body',
			chunks:['main','a']
		 }),
		new htmlWebpackPlugin({
			filename:'b.html',
			template:'index.html',
			title:"webapck is b",
			inject:'body',
			chunks:['b']
		}),
		new htmlWebpackPlugin({
			filename:'c.html',
			template:'index.html',
			title:"webapck is c",
			inject:'body',
			chunks:['c']
		})
	]
};

除了a页面可以生成，b.html和c.html都有错误

Html Webpack Plugin:
<pre>
  TypeError: Cannot read property 'entry' of undefined
  
  - index.html:17237 
    D:/dwf/study/webpacklearn/index.html:17237:42
  
  - index.html:17240 module.exports
    D:/dwf/study/webpacklearn/index.html:17240:3
  
  - index.js:265 
    [webpacklearn]/[html-webpack-plugin]/index.js:265:16
  
  - util.js:16 tryCatcher
    [webpacklearn]/[bluebird]/js/release/util.js:16:23
  
  - promise.js:512 Promise._settlePromiseFromHandler
    [webpacklearn]/[bluebird]/js/release/promise.js:512:31
  
  - promise.js:569 Promise._settlePromise
    [webpacklearn]/[bluebird]/js/release/promise.js:569:18
  
  - promise.js:606 Promise._settlePromiseCtx
    [webpacklearn]/[bluebird]/js/release/promise.js:606:10
  
  - async.js:138 Async._drainQueue
    [webpacklearn]/[bluebird]/js/release/async.js:138:12
  
  - async.js:143 Async._drainQueues
    [webpacklearn]/[bluebird]/js/release/async.js:143:10
  
  - async.js:17 Immediate.Async.drainQueues
    [webpacklearn]/[bluebird]/js/release/async.js:17:14
  
</pre>

桃花开了

2017-03-15

源自：webpack深入与实战 3-3

关注问题我要回答

6802

操作

收起

14 回答

慕村6039329 回答被采纳 +3 积分
2017-03-15

是不是你的 index.html 文件里用 script 引用了 js？如果是，注释或删除后重新运行应该就好了~

3 回复有任何疑惑可以回复我~

收起回答

桃花开了提问者

非常感谢！

2017-03-15 回复有任何疑惑可以回复我~

回路
2018-05-10

必须删掉模板中script标签引入，注释都不好使

0 回复有任何疑惑可以回复我~

收起回答

闷骚程序源
2017-12-20

webpack模板中的注释也被视为模块，他需要保证注释的准确性，所以，如果在注释中引入的chunks中没有响应的内容，就会报错。

我的a.html是ok的，但是b，c都是不行，就是如此。

0 回复有任何疑惑可以回复我~

收起回答

请叫我阿白白
2017-09-21

有可能是你配置文件里写了excludeChunks['main']，而你在html中写的是 compilation.assets[htmlWebpackPlugin.files.chunks.main.entry.substr(htmlWebpackPlugin.files.publicPath.length)].source() 这样也会报错，与excludeChunks 冲突

0 回复有任何疑惑可以回复我~

收起回答

慕无忌8595264
2017-08-31

确实注释了script之后运行不成功删掉script才可以

0 回复有任何疑惑可以回复我~

收起回答

坚强的波波
2017-08-11

chunks:['main','b'] 必须引入main，我是因为b和c都没引入才报错的

1 回复有任何疑惑可以回复我~

收起回答

PogbaLIU

确实是这样的

2017-10-31 回复有任何疑惑可以回复我~

一脚一个榴莲
2017-07-31

老师用的是excludeChunks，我用的是chunks，报错后的解决方法：在webpack.config.js中chunks:["b","main"]和chunks:["c","main"]都加上“main”就好了。得出的结论，模板html文件中如果有固定引入某个打包后的js文件，那么相应的调用模板文件的配置中就要在chunks中加入固定的js文件在entry中对应的key。如：

<%=
/*这里就引入了固定的main对应的打包后的js文件*/ compilation.assets[htmlWebpackPlugin.files.chunks.main.entry.substr(htmlWebpackPlugin.files.publicPath.length)].source()
%>

那么webpack.config.js中chunks:["b","main"]，就要写"main"，不然就报错误：

Cannot read property 'entry' of undefined

2 回复有任何疑惑可以回复我~

收起回答

airmusic

对，就是这个原因，

2017-08-20 回复有任何疑惑可以回复我~