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

Question

我在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/ 作为文件路径的可接受根目录？

Answer 1

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

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

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

Webstorm code inspection can't resolve served file

html

css

jetbrains-ide

code-inspection

webstorm