Nie znaleziono lokalizacji pliku szablonu Angularjs templateUrl

Opracowuję lokalnie aplikację jednostronicową.
Nie mogę załadować pliku HTML jako szablonu przy użyciu prostej niestandardowej dyrektywy w Angularjs. Jeśli spróbuję użyć surowego html z


atrybut

template:

, to działa dobrze, ale mam ponad 400 linii kodu, których muszę użyć w tym szablonie, a kiedy spróbuję użyć

templateUrl:

,

nic nie jest załadowane. Wypróbowałem około 30 możliwych sposobów, w tym skopiowanie pliku HTML do wielu różnych miejsc, takich jak C:/my-customer.html, w desperackiej próbie, oto struktura mojego projektu:

App--

 |

 css

 |

 img

 |

 js--

 |

 main.js

 |

 foundation.js

 |

 my-customer.html

 |

 templates--

 |

 my-customer.html

 |

 bcf.html

 |

 fluidType.html

 |

 start.html

 |

 my-customer.html

Aby uprościć sprawę, używam przykładu z

angular docs
https://docs.angularjs.org/guide/directive
oto mój kod dla dyrektywy (wewnątrz main.js z moim kontrolerem):

app.directive('myCustomer', function() {

 return {

 templateUrl: 'my-customer.html'

 };

});

ponownie próbowałem ścieżek takich jak:

../my-customer.html ../templates/my-customer.html

i tak dalej, ale nic nie działa dla

templateUrl:

Pracuję w systemie Windows bez lokalnego serwera WWW, jeśli to pomaga.
Oto kilka błędów konsoli, ale jako nowicjusz, który nie jest pewien, co oznaczają, mam wrażenie, że muszę uruchomić serwer WWW i przeanalizować przez http.

XMLHttpRequest cannot load file:///C:/Users/Dylan/Google%20Drive/PA/Dev/Grossing%20App/templates/my-customer.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

angular.js:11594 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/Users/Dylan/Google%20Drive/PA/Dev/Grossing%20App/templates/my-customer.html'.

 at Error (native)

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:87:261]https://ajax.googleapis.com/aj ... 7:261[/url]

 at m ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:83:13]https://ajax.googleapis.com/aj ... 83:13[/url]3)

 at f ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:80:36]https://ajax.googleapis.com/aj ... 80:36[/url]6)

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:112:276]https://ajax.googleapis.com/aj ... 2:276[/url]

 at l.$eval ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:8]https://ajax.googleapis.com/aj ... 126:8[/url]4)

 at l.$digest ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:123:19]https://ajax.googleapis.com/aj ... 23:19[/url]5)

 at l.$apply ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:36]https://ajax.googleapis.com/aj ... 26:36[/url]2)

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:448]https://ajax.googleapis.com/aj ... 7:448[/url]

 at Object.e [as invoke] ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:37:9]https://ajax.googleapis.com/aj ... :37:9[/url]6)angular.js:11594 (anonymous function)

angular.js:11594 Error: [$compile:tpload] [url=http://errors.angularjs.org/1.3.8/]http://errors.angularjs.org/1.3.8/[/url]$compile/tpload?p0=templates%2Fmy-customer.html

 at Error (native)

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:6:416]https://ajax.googleapis.com/aj ... 6:416[/url]

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:137:65]https://ajax.googleapis.com/aj ... 37:65[/url]

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:112:276]https://ajax.googleapis.com/aj ... 2:276[/url]

 at l.$eval ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:8]https://ajax.googleapis.com/aj ... 126:8[/url]4)

 at l.$digest ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:123:19]https://ajax.googleapis.com/aj ... 23:19[/url]5)

 at l.$apply ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:36]https://ajax.googleapis.com/aj ... 26:36[/url]2)

 at [url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:448]https://ajax.googleapis.com/aj ... 7:448[/url]

 at Object.e [as invoke] ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:37:9]https://ajax.googleapis.com/aj ... :37:9[/url]6)

 at d ([url=https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:36]https://ajax.googleapis.com/aj ... 17:36[/url]9)

Nowość w Angularjs. Wpadłem na ścianę w projekcie i teraz utknąłem całkowicie.