webpack-dev-server启动报Target container is not a DOM element.

1.问题描述:
用Webpack搭建react的环境,自带的webpack-dev-server启动后访问http://localhost:8080/webpack-dev-server/bundle报
clipboard.png

但是访问http://localhost:8080/却能正常渲染react组件:

clipboard.png

2.代码如下:

html代码:
clipboard.png

js代码:
clipboard.png

webpack.config.js配置如下:
clipboard.png

我在stackoverflow上看到一个跟我一样问题:
http://stackoverflow.com/questions/29919607/react-style-not-working-with-webpack-dev-server-style-not-extracted-getting-i (但是没有人回答)
http://stackoverflow.com/questions/26566317/invariant-violation-registercomponent-target-container-is-not-a-dom-elem (这个问题有人回答,但是是说让把script标签放到body最后,跟我的情况不符合)。

阅读 7.1k
3 个回答

根据官方文档描述找到答案:

直接访问 http://localhost:8080/webpack-dev-server/index.html 就可以

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题