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服务器根目录解析URL。但是内置的Web服务器会从http://localhost:63342/<project name>提供文件，因此无法从http://localhost:63342加载资源-这样会引发404错误。

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

Webstorm代码检查无法解析提供的文件

1 个答案: