项目2-企业级电商平台的搭建--填坑过程

一、 webpack4.2.0降版本问题已经解决,解决过程如下:

1、首先会提示node.js版本过低,升级到了6.13.1
2、npm uninstall webpack -g全局卸载webpack
3、npm install [email protected] -g 全局安装低版本的webpack
4、npm install [email protected] --save-dev,安装项目依赖
5、显示如下

项目2-企业级电商平台的搭建--填坑过程

二、var config={
    entry: {
    'common' : ['./src/page/common/index.js','webpack-dev-server/client?http://localhost:8088/'],//所有页面都会有的一个组件,在这里打包个client所有的页面都可以使用啦
    'index' : ['./src/page/index/index.js'],
    'login' : ['./src/page/login/index.js'],
    },

在配置client时采用了8088端口,使用webpack-dev-server --inline --port 8088指令运行错误


项目2-企业级电商平台的搭建--填坑过程

意思就是8088端口被占用啦;解决方法---把占用端口的应用关掉,之后可以运行,步骤如下

  1. 开始---->运行---->cmd,或者是window+R组合键,调出命令窗口

    项目2-企业级电商平台的搭建--填坑过程
  2. 输入命令:netstat -ano,列出所有端口的情况。在列表中我们观察被占用的端口,比如是49157,首先找到它。

    项目2-企业级电商平台的搭建--填坑过程
  3. 查看被占用端口对应的PID,输入命令:netstat -aon|findstr "49157",回车,记下最后一位数字,即PID,这里是2720。

    项目2-企业级电商平台的搭建--填坑过程
  4. 继续输入tasklist|findstr "2720",回车,查看是哪个进程或者程序占用了2720端口,结果是:svchost.exe

    项目2-企业级电商平台的搭建--填坑过程
  5. 或者是我们打开任务管理器,切换到进程选项卡,在PID一列查看2720对应的进程是谁,如果看不到PID这一列,如下图:

    项目2-企业级电商平台的搭建--填坑过程
  6. 则我们点击查看--->选择列,将PID(进程标示符)前面的勾打上,点击确定。

    项目2-企业级电商平台的搭建--填坑过程
  7. 这样我们就看到了PID这一列标识,看一下2720对应的进程是谁,如果没有,我们把下面的显示所有用户的进程前面的勾打上,就可以看到了,映像名称是svchost.exe,描述是,Windows的主进程,与上面命令查看的完全一致。

    项目2-企业级电商平台的搭建--填坑过程
  8. 结束该进程:在任务管理器中选中该进程点击”结束进程“按钮,或者是在cmd的命令窗口中输入:taskkill /f /t /im Tencentdl.exe。

    项目2-企业级电商平台的搭建--填坑过程





















三、在view中的index.html--body标签下的文本修改后,会触发gitbash中的webpack-dev-server不过打开http://localhost:8088/dist/view/index.html路径浏览器,页面内容没有任何变化

解决方法:项目2-企业级电商平台的搭建--填坑过程
添加个publicPath路径,相对于dist根目录来刷新页面