WebStorm 打开浏览器出现 Network Error (dns_unresolved_hostname) 的问题

本文介绍了如何解决WebStorm在带有代理的公司网络环境下进行本地测试时出现的NetworkError(dns_unresolved_hostname)问题。通过一个简单的操作即可实现既可以上网又能进行本地测试的目标。

由于公司网络设置了代理,导致WebStorm打开测试浏览器时候提示如下错误:

 

Network Error (dns_unresolved_hostname) 
 
Your requested host "localhost" could not be resolved by DNS.
 

For assistance, contact your network support team.

 

解决方式:

 

把那个√打上就OK了,既能上网,又能测试。

WebStorm 中出现 `Unexpected element CSS_GT` 错误通常与 HTML 或 CSS 代码的语法问题有关,尤其是在使用 JSX 或 Vue 模板时,如果标签嵌套或语法使用不当,可能会导致此类错误。该错误信息表明 WebStorm 的代码解析器在解析 HTML 或 CSS 相关内容时遇到了无法识别的元素或结构。 以下是几种常见的解决方法: ### 1. 检查 HTML 标签的嵌套和闭合 确保所有 HTML 标签都正确闭合,并且没有非法嵌套。例如,在 Vue 模板中使用 `v-if` 和 `v-for` 时,应避免在 `<template>` 标签中误用不闭合标签: ```html <template> <div v-if="show"> <span v-for="item in items">{{ item }}</span> </div> </template> ``` ### 2. 更新 WebStorm 版本 某些旧版本的 WebStorm 对 Vue 或 JSX 的语法支持不完善,更新到最新版本可以修复许多解析器相关的 bug。 ### 3. 配置文件类型识别 如果 WebStorm 没有正确识别 `.vue` 文件或其他模板文件的类型,可以尝试手动关联文件类型: 打开菜单 **File → Associate with File Type...**,选择合适的语言类型(如 Vue.js 或 HTML),以确保 WebStorm 能够正确解析文件内容[^2]。 ### 4. 清除缓存并重启 有时 WebStorm 的缓存可能导致解析错误,可以尝试清除缓存并重新启动: 进入菜单 **File → Invalidate Caches / Restart...**,选择清除缓存并重启 IDE。 ### 5. 检查插件兼容性 确保安装的插件(如 Vue.js 插件)是最新版本,并且与当前 WebStorm 版本兼容。不兼容的插件可能导致解析器异常。 ### 6. 使用标准 HTML 语法 避免在模板中使用非标准 HTML 语法或自定义元素,除非明确配置了语言支持。例如: ```html <custom-element :prop="value" /> ``` 如果未正确声明该自定义元素的类型,WebStorm 可能会报错。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值