HtmlWebpackPlugin擦除模板分区
HtmlWebpackPlugin erase template div
我以这个例子为例(http://courses.reactjsprogram.com/courses/reactjsfundamentals/lectures/760301)启动一个reactj应用程序,所以这是我的webpack.config.js
var HtmlWebpackPlugin = require('html-webpack-plugin');
var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
tempalte : __dirname + '/app/index.html',
filename : 'index.html',
inject : 'body'
})
module.exports = {
entry: [
'./app/index.js'
],
output: {
path : __dirname + '/dist',
filename : "index_bundle.js"
},
module : {
loaders :[
{test: /'.js$/, include: __dirname + '/app', loader: "babel-loader"}
]
},
plugins : [HtmlWebpackPluginConfig]
}
这是我的index.html模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> teste</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
这是我的index.html由webpack 生成
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
</head>
<body>
<script src="index_bundle.js"></script></body>
</html>
注意:我的被删除了,所以当我尝试运行我的应用程序时,我得到了错误:
Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.
如何解决不删除div的问题?我使用"巴氏合金芯":"^6.7.6","babel loader":"^6.2.4","babel preset react":"^6.5.0","html webpack插件":"^2.15.0","webpack":"^1.13.0","webpack开发服务器":"^1.14.1"
tks
配置中template
键的拼写错误意味着它使用的是默认模板,而不是您试图包含的模板。默认行为使此错误难以发现。
tempalte : __dirname + '/app/index.html'
应该是template : __dirname + '/app/index.html'
相关文章:
- HTML画布在绘图后立即擦除矩形
- 为什么缩放按钮不会显示在照片擦除中
- 将OnClick函数设置为<ul>,最后一个ul是擦除第一个ul-s
- 应用程序脚本中导入HTML的数据擦除;谷歌表格
- 正在擦除要重新显示的单元格
- 通过python擦除Vine数据
- 擦除单元格问题
- 尝试擦除时删除输入中的零
- 擦除画布中的矩形,但它们会回来
- 如何使用 javascript 向我的 html 添加内容而不擦除整个页面
- Javascript用光标擦除图像
- 停止Angular JS ng视图擦除页面
- 为什么Jquery UI会擦除我的输入框
- HtmlWebpackPlugin擦除模板分区
- "“照片擦除”;画廊关闭自己的图像点击在小图像的情况下
- 简单类型和擦除效果不起作用
- 使用Python擦除javascript生成的页面
- 内部 HTML 在添加多个文本框时擦除该值
- Javascript 页面擦除过渡与超级滚动
- 使用照片擦除图库插件收听滑动/触摸事件