Webstorm 代码检查无法解析服务文件答案

【问题标题】：Webstorm code inspection can't resolve served fileWebstorm 代码检查无法解析服务文件
【发布时间】：2019-07-13 09:46:46
【问题描述】：

我在Webstorm（2018.3）中创建了一个空白项目，并创建了如下文件结构：

.
+--css
|  +--style.css
+--view
   +--index.html

然后我将这段代码添加到index.html的头部：

<link rel="stylesheet" type="text/css" href="/src/css/style.css">

现在代码检查感觉这是正确的，确实是从项目根目录开始的路径。但是，Webstorm 不会从该路径提供style.css，如果我尝试使用它会出现 MIME 验证错误。

Refused to apply style from 'http://localhost:63342/src/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我对 WebStorm 的内置服务器进行了一些研究，发现它包含项目名称作为根路径的一部分。我将路径调整为style.css，果然，这行得通/JS-Tip/css/style.css。但是，这会导致代码检查器抱怨它无法解析路径。

调查这个问题让我想到了这个问题Webstorm: "Cannot Resolve Directory"。所以我添加了src/作为资源根，但我仍然无法在路径中使用它。所以我尝试将项目根Js-Tip/ 设置为资源根，但它没有解决检查警告。我什至尝试将JS-Tip/ 和src/ 添加为资源根，但它没有任何改变，即使使用JS-Tip/src/css/style.css 作为路径也是如此。

所以我的问题是，我该如何解决这个警告？或者，除此之外，我如何让服务器接受 src/ 作为文件路径的可接受根？

【问题讨论】：

标签： html css webstorm jetbrains-ide code-inspection

【解决方案1】：

您的网址中有一个前导斜杠 (<link rel="stylesheet" type="text/css" href="/src/css/style.css">) - 注意src 之前的前导/。此类斜杠告诉浏览器从 Web 服务器根目录解析 URL。但是内置的 Web 服务器从 http://localhost:63342/<project name> 提供文件，因此无法从 http://localhost:63342 加载资源 - 因此会引发 404 错误。

要解决此问题，请将 URL 更改为与当前 .html 文件相关的 URL - 例如 href="../css/style.css"

【讨论】：

就是这样！谢谢，不敢相信我忽略了这一点。猜猜当您将所有时间都花在 CMS 上时会发生这种情况。