在从头开始配置和使用插件中,出现webpack打包异常。异常:打包完成后生成了一个地址(http://localhost:8080/)地址访问的时候 Cannot GET /。

解决方案:

  1. 在安装插件:webpack-dev-serve的时候配置。
 // 注意:package.json文件中的scripts节点的dev里面加一个 serve。"scripts": {"test": "echo \"Error: no test specified\" && exit 1","dev": "webpack serve"},
  1. 在第二个插件:html-webpack-plugin安装完成后也是需要配置的(在这个位置忘记了配置导致:Cannot GET/的异常)。
// 注意:webpack.config.js文件中进行配置。
// 1. 导入html插件,得到一个构造函数
const HtmlPlugin = require('html-webpack-plugin');// 2. 创建 html 插件的实例对象
const htmlPlugin = new HtmlPlugin({template: './src/index.html',                     // 指定原文件的存放路径filename: './index.html',                         // 指定生成文件的存放路径
});module.exports = {entry: path.join(__dirname,'./src/index.js'),     // 打包入口文件的路径output: {path: path.join(__dirname,'./dist'),            // 输出文件的存放路径filename: 'bundle.js'                           // 输出文件的名称},// devServer: {//   open: true,                                  // 初次打包完成自动浏览//   host: '127.0.0.1',                           // 实时打包所使用的主机地址//   port: 80                                     // 实时打包所使用的端口号// },// 3. 通过Plugins节点,使htmlPlugin插件生效plugins:[htmlPlugin],                             "mode": 'development'      // mode用来指定构建模式。可选值:development和production。
}

配置完成后问题解决。

【工程化开发】 http://localhost:8080/访问 ,Cannot GET / 解决方案相关推荐

  1. Eclipse 使用http://localhost:8080/ 访问出现404错误

    Eclipse 使用http://localhost:8080/ 访问出现404错误 1.先查看Tomcat添加配置是否成功,添加相应的Jre路径 菜单栏找到Window-Preferences-Se ...

  2. idea开发web项目,路径localhost:8080后去除 项目名+_war_exploded 的方法

    idea右上方点击Edit Configurations,修改tomcat配置 选择jsp页面,点击右边Deployment,将下方Application context清空或修改为/,即可直接使用h ...

  3. vue项目访问的时候,用localhost能访问,但是用本机ip就不能访问 的解决办法,亲测有效

    vue项目搭建好后,用localhost:8080  访问的时候,能够访问页面. 但是用本机ip:8080访问页面的时候失败 这时在config/index.html中修改dev下的host为:0.0 ...

  4. phpstudy连接数据库;启动 MySQL 后立即停止;数据库连接失败; http://localhost:8080/

    注意: 1. 不需要单独安装 MySQL(根本用不到, 集成环境有) 2. 如果单独安装了 MySQL 要关闭该服务 因此这里就以打开 Swagger UI这个页面为目标分享方法 1. 安装phpst ...

  5. 解决访问http://localhost:8080/需要用户和密码的问题

    解决访问tomcat网页需要用户和密码的问题 有时候我们访问http://localhost:8080/,会弹出如下框框,需要用户名和密码 这个时候大多数是端口号冲突了,打开安装目录-conf-ser ...

  6. 关于 tomcat启动后无法访问的问题(localhost:8080 (or your port specified))

    [0]README 1)启动 tomcat7, 然后通过 localhost:8080 无法访问,我也是醉了:以下给出了解决方法: [1]解决方法(如何让 Server Locations  和 de ...

  7. eclipse启动tomcat 访问http://localhost:8080 报404错误

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. eclipse正常启动tomcat,但是 访问http://localhost:8080 却报404 ...

  8. 在eclipse中启动Tomcat访问localhost:8080失败项目添加进Tomcat在webapp中找不到

    软件环境:Eclipse oxygen, Tomcat8.5 #在eclipse中启动Tomcat访问localhost:8080失败 在eclipse中配置tomcat后,打开tomcat后访问lo ...

  9. eclipse创建spring boot项目,tomcat启动成功,但http://localhost:8080无法访问报错404解决方案...

    spring boot的启动程序启动后,在访问http://localhost:8080地址的时候出现了错误,为什么出错网上我找了好久也没有得出具体的解决办法 当我指定到具体的action的时候,却可 ...

最新文章

  1. HDU4857拓扑排序模版题
  2. XPsp3键盘设备链/栈信息_02_VMware
  3. 【Android笔记】MediaPlayer基本使用方式
  4. mysql maxtmptables_mysql的tmp_table_size和max_heap_table_size
  5. 【php】命名空间 和 自动加载的关系
  6. VMware 多款产品中存在严重漏洞
  7. How to setup a DL4J project with eclipse
  8. IT十八掌徐培成第二天笔记
  9. 黑马程序员_银行业务调度系统
  10. 用文本挖掘剖析近5万首《全唐诗》
  11. 使用tf.image.resize() 和tf.image.resize_with_pad()调整图像大小
  12. 蒟蒻的noip2015滚粗记
  13. 【英语语法入门】第44讲 假设(03)与过去事实相反的虚拟语气
  14. layui 显示饼图_echarts实现饼图绘制
  15. 拼多多的“最初一公里”战事
  16. 杨桃文案:卖杨桃水果怎样写文案发朋友圈,水果店杨桃活动文案
  17. 财政局计算机岗位总结,2018计算机专业技术个人总结与2018计财科财务工作总结汇编.docx...
  18. phpcms之管理栏目添加单网页遇到的英文名称已经存在的问题
  19. 莫烦tensorflow视频 和 LiYu's personal knowledge 和 sklearn
  20. 汉字转拼音android实现(HanziToPinyin类)

热门文章

  1. 禁用小米手机系统应用的方法
  2. QT5:抓阄器的实现
  3. About 7.10 This Week
  4. js中的eq和get是什么意思
  5. 【STM32H7】第3章 ThreadX操作系统介绍
  6. Failed to find match for field ‘x‘.Failed to find match for field ‘y‘.Failed to find match for fie解决
  7. transformer模型中的self-attention和multi-head-attention机制
  8. FTP内网映射外网访问解决方案
  9. 记录一下最近的学习经历
  10. Python 自动化中三种等待时间的详解~