1. IDEs Support (IntelliJ Platform) | JetBrains
  2. Community
  3. WebStorm

FIle Path Debug Errors (HTML)

Avatar
Jlap1747
Created

Hey there!

I'm having a ton of trouble with file paths in my project. For some reason, it does not recognize proper file paths with the href="" attribute and throws out erros such as "Unexpected Identifier." The IDE looks very messy with these errors. In addition, the common file path practices do not seem to be working. It also does not seem to parse through the files. Usually, it gives you the file structure and auto-predicts. But not anymore.

Here is the code from auth.html:

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>FNR</title>
</head>
<body>

<!-- Image and text -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="./index.html">
        <img src="https://i.imgur.com/p1e1SF6.png" width="30" height="33" class="d-inline-block align-top" alt="" loading="lazy">
        FNR
    </a>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Citizens
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="e">Authentication</a>
                    <a class="dropdown-item" href="#">Citizenship Management</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Tools
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Dispatch Backup</a>
                    <a class="dropdown-item" href="#">Dispatch Versioning</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="https://www.nationstates.net/nation=heaveria" target="_blank">Help</a>
            </li>
        </ul>
    </div>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
</nav>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>

 

Here is an image of the errors:


Here is an image of the file paths: 

This is what it looks like in the IDE itself:

Not only that, but it leads to "http://localhost:63342/FNR-Website/en/citizens/auth/index.html" instead of heading back to the root and simply going to http://localhost:63342/FNR-Website/index.html

You can see it live https://free-nations-region.github.io/FNR-Website/ .

Any help would be very appreciated 😊

1 comment
Avatar
Elena Pogorelova
Created
Comment actions Permalink

it seems that you have some language injected in href attribute. Please check custom injections in Settings | Editor | Language Injections - all injections with IDE and Project scope are custom ones - do you have any?

>Not only that, but it leads to "http://localhost:63342/FNR-Website/en/citizens/auth/index.html" instead of heading back to the root and simply going to http://localhost:63342/FNR-Website/index.html


The way the file is parsed by the IDE has absolutely nothing to do with the way it works in browser, so this issue is unrelated. What URLs don't work namely?

 

0

Please sign in to leave a comment.