HTMLWebpackPlugin擦除模板div

Question

I follow this example( http://courses.reactjsprogram.com/courses/reactjsfundamentals/lectures/760301 ) to start one reactj app, so this is my webpack.config.js 我按照此示例（ 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]
}

And this is my index.html template: 这是我的index.html模板：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> teste</title>
</head>
<body>
  <div id="app"></div>
</body>
</html>

and this is my index.html generated by webpack 这是我的webpack生成的index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  </head>
  <body>
  <script src="index_bundle.js"></script></body>
</html>

Note: my are removed, so when I try to run my app I got the error: 注意：我已删除，因此当我尝试运行我的应用程序时出现错误：

Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.

How can I fix to don`t remove my div? 如何解决不删除div的问题？ I using "babel-core": "^6.7.6", "babel-loader": "^6.2.4", "babel-preset-react": "^6.5.0", "html-webpack-plugin": "^2.15.0", "webpack": "^1.13.0", "webpack-dev-server": "^1.14.1" 我使用“ babel-core”：“ ^ 6.7.6”，“ babel-loader”：“ ^ 6.2.4”，“ babel-preset-react”：“ ^ 6.5.0”，“ html-webpack-plugin” ：“ ^ 2.15.0”，“ webpack”：“ ^ 1.13.0”，“ webpack-dev-server”：“ ^ 1.14.1”

tks ks

Answer 1

A typo in the template key in your configuration means that it is using a default template and not the one you were trying to include. 配置中template密钥的错字表示它使用的是默认模板，而不是您尝试包含的模板。 The default behavior makes this error difficult to spot. 默认行为使此错误很难发现。

tempalte : __dirname + '/app/index.html' should be template : __dirname + '/app/index.html' tempalte : __dirname + '/app/index.html'应该是template : __dirname + '/app/index.html'

HTMLWebpackPlugin擦除模板div

问题描述

1 个解决方案

解决方案1
5 已采纳 2016-04-16 15:33:37

HTMLWebpackPlugin擦除模板div

问题描述

1 个解决方案

解决方案1 5 已采纳 2016-04-16 15:33:37

解决方案1
5 已采纳 2016-04-16 15:33:37