VM134:161 crbug/1173575, non-JS module files deprecated.

问题描述

突然出现的现象，就是项目启动后，浏览器自动打开的不再是直接运行的项目，而是一个有警告的页面

在这里插入图片描述

一开始以为是项目没有完全启动导致的，但是在项目启动完成后刷新地址仍旧是无法访问的提示，但是从启动的连接处点击打开却能够看到正常项目，但是自动打开的却不行？！！

App running at:- Local:   http://localhost:8081

网上很多说是网络错误什么的，但是终端提示的地址打开是正常的，只有项目启动后浏览器自动打开的页面有问题

如果地址相同不应该出现该现象，然后对比两个地址，发现项目自动打开的地址是 0.0.0.0，而项目运行后出现的一个地址是含有 localhost,一个是 ip 地址

然后，忽然反应过来，为什么项目自动打开的浏览器地址是 0.0.0.0？本地的应该是 127.0.0.1 啊？！！！

然后查看 vue.config.js 配置文件发现 devSever 的配置选项中 host 配置的是 0.0.0.0，而所有启动的本地项目 ip 都应该是 127.0.0.1，写成 localhost 也可以，如果多个本地项目启动只是端口号不同而已

修改 host 配置为：“localhost” 或者 “127.0.01”

重新启动项目，浏览器自动打开地址正确