generally in Response Headers, the Content-Type of CSS should be: Content-Type: text/css , but for some reason, it returns: Content-Type: text/html ; resulted in a type error.

you can try it:

1. restart your debugger (webpack or others)
2. use the absolute path / your/path/to/font-awesome.min.css instead of the relative path . / your/path/to/font-waesome.min.css
3. create a new file with the suffix * .css , and copy all the original css text to it

I prefer font-awesome.min.css that there is something wrong with the format of the file (that is, the third point).

-

add: for @ Trojan, I'm not used to declaring type= "text/css" on the page, so I specifically searched it:

stackoverflow answered about type, pointing out that type is a constructive statement in the HTML5 standard and will not have a substantial impact on resource resolution in modern browsers. If the questioner's troubles can be solved only by declaring type=" text/css ", please also reply.

A new way of thinking was changed in the afternoon. The problem is solved. The third party's css or js needs to be placed in the static folder at the same level as src and then referenced in index.html to be valid

srcpluginsconfig

src are best introduced through es6's import. Roughly like this, the specific do not know, but also know the guidance of friends.

see if the hint is missing type= "text/css". Just add this attribute to the link tag.