vscode-plugin
vscode-plugin copied to clipboard
Polymer
Directory alignment seems to be wrong
I have the following project structure
(project-root)
|_client
| |_bower_components
| |_src
|_server
inside the client/src directory I have the following index.html
<html>
<head>
<title>PAS Documentation</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/src">
<script src="../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="../bower_components/iron-component-page/iron-component-page.html">
</head>
<body>
<iron-component-page src="documentation.html"></iron-component-page>
</body>
</html>
With this file open the <script src and <link rel= both have squiggly red lines under the urls (and the document.html line doesn't). Hovering over the lines its giving me a file of ${project-root}/bower_components .... not found
if I remove the <base href line the red lines disappear
At one level up (ie in the client directory) I have an index.html with a <base href="/"> in it. That doesn't have any problems with the relative hrefs to bower_components.
All the other files in the client/src directory have no problems with the reference to ../bower_components
Actually I think I am over confusing myself
with the base in the reference to ../bower_components/... should be translated as '/src/../bower_components/... which is the same as without the base of ../bower_components/....`
so the addition of the <base> tag should't effect where the bower_components directory is supposed to be.