[VUE 问题]crbug/1173575, non-JS module files deprecated

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”

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