Real-Time Preview not loading JS/CSS files
Hi All,
I've been working with Real-Time Preview for the past 2 weeks to build up a HTML page from scratch without any JS. Now I want to merge this HTML code into an existing page that I was creating using Brackets. Now I want to switch to DW (2017.0.1) because of the Real-Time preview which I think is pretty awesome. Now, when I want to show the index.html of the original page none of the linked js or css files are found (hat no issues with Brackets). The error is always 404.
For example for angular.min.cs:
I guess the reason is that the index.html is loaded in a different path: http://127.0.0.1:61887/preview/app/index.html
Here is the header of my page.
<!DOCTYPE html>
<html lang="en" ng-app="timeZoneApp">
<head>
...
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-animate/angular-animate.min.js"></script>
<script src="bower_components/angular-touch/angular-touch.min.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.min.js"></script>
<script src="bower_components/underscore/underscore-min.js"></script>
<script src="app/app.js"></script>
<script src="app/app.controller.js"></script>
<script src="app/app.factories.js"></script>
<script src="app/meeting/meeting.directive.js"></script>
<script src="app/meeting/meeting.service.js"></script>
<script src="app/meeting/url-shortener.service.js"></script>
<script src="app/meeting/time-zone.service.js"></script>
<!-- Stylescheets -->
<link rel="stylesheet" href="bower_components/bootstrap-css-only/css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/bootstrap-theme.css"/>
<link rel="stylesheet" href="css/grid8.css"/>
<link rel="stylesheet" href="css/simple-line-icons.css"/>
<link rel="stylesheet" href="css/index.css"/>
...
</head>
...
How can I tell DW to use the linked files (i.e. scripts) for the real-time preview as well?
Regards,
Stephan
AdChoices