如何解决Angular 2 的templateUrl和styleUrl的路径问题

开发的过程中，写的是绝对路径，就是以/开头。 布署的时候，使用模板编译，将html模板文件都编译成js，但是模板标识还是原来的/开头，所以开发和布署的时候不需要修改文件。只是多了一个编译模板的过程。

只需要查看关键字的报错： angular is not defined

这说明有地方引用了 angular，而angular 并没有加载进来。 打开 home_modulejs 文件：

angular 在这里是一个全局的对象，只要加载了angular 库文件，就可以直接引用。 问题： angular 没有加载进来。 这说明， 引入的 angularjs 路径出了问题。

继续排查，打开 indexejs 文件：

问题就出在这里， 仔细排查路径是否完全一致。

排查结果： libs 多写了一个 s， 改如下：

angularJS 报错调试并不可怕， 在浏览器中的开发工具的 console中， 可以看到红色的错误一片。 没关系，按照以上思路，逐个排查即可！

参考书： 《 全栈开发之道：MongoDB+Express+AngularJS+Nodejs 》

试试这样，注意路径

function dataController($>

一般的我们再路由配置中是要配置主页的路由的，

但是当我们启动项目时，路径是这样子的，我们不能直接显示主页，那么我们就需要路由的重定向功能，直接路由到主页上。

重定向路由的定义：在用户访问一个特定的地址时，将其重定向到另一个指定的地点

在主页路由上增加一个路由配置，pathmatch中的“full”，代表的是当path中是空时，redirectTo会转向主页的路径上。

最终效果

网页选择localhost:4200/地址时，自动路由到主页上

下转： angular--路由之子路由

1将引入的外部js文件放到assets文件下

注：js文件中的方法要写在一个对象里（具体原因正在探索）

2在angularjson文件中找到scripts配置js文件路径

3在tsconfigjson文件中加入allowJs:true

4在src文件下新建typingsdts文件，用来定义js文件中的静态类型

5第四步相当于全局引入（自己理解的，不知道这样描述准确否），如果只想要在所需的组件里使用，即在组件的ts文件中单独引入

6最后调用js文件中的方法即可

以上就是关于如何解决Angular 2 的templateUrl和styleUrl的路径问题全部的内容，包括:如何解决Angular 2 的templateUrl和styleUrl的路径问题、Angular调试技巧—— 报错Uncaught ReferenceError: angular is not defined 怎么办、如何用angularjs读取本地json等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！