我的测试页使用beta.0进行了路由,但没有使用beta.1进行路由。页面加载时,原子型脚本不显示任何错误,并且控制台也没有错误,但是锚点选择没有链接颜色-它们具有文本颜色。单击锚点后,会出现此控制台错误。
ERROR CONTEXT: angular2.min.js:17:5927
13:21:22.030 Object { element: <a>, componentElement: <residence-app>, context: Object, locals: Object, injector: Object } angular2.min.js:17:5927
13:21:22.038 Error: EXCEPTION: Error during evaluation of "click"
ORIGINAL EXCEPTION: TypeError: this.directive_0_0.onClick is not a function
相关代码为:
app.ts(boot.ts文件执行所有组件的引导)
//various imports
@Component({
selector: 'residence-app',
templateUrl: "angular2-oPost/src/components/navigation/headerFooter.html",
styleUrls: [ "angular2-oPost/src/commonStyles/headerFooter.css" ],
directives: [ ROUTER_DIRECTIVES, Home, PostApartment4Rent ]
@RouteConfig( [
new Route({ path: "/home", name: "Home", component: Home, useAsDefault: true }),
new Route({ path: "/postApartment4Rent ", name: "PostApartment4Rent", component: PostApartment4Rent })
] )
export class HeaderFooter { }
headerFooter.html
<header>
<!-- several divs-->
<a [routerLink]="['/Home']">Home</a>
<a [routerLink]="['/PostApartment4Rent']">Rent Apartment in hF</a>
</header>
<div class="partialPage">
<router-outlet></router-outlet>
</div>
<footer>
<!-- several divs-->
</footer>
home.ts
@Component({
selector : "home",
styleUrls: [ "angular2-oPost/src/commonStyles/headerFooter.css" ],
templateUrl: "angular2-oPost/src/components/navigation/home.html",
directives: [ RouterLink ]
})
export class Home { }
postApartment4Rent.ts-与home.ts相同,除了@Component和class语句中的选择器
解决办法是什么?发行说明中没有提及路由器的重大更改。
最佳答案
这个错误仍然存在于angular2.beta.7中。它是由您在此处发现的同一错误引起的:https://github.com/angular/angular/issues/6380
问题是由于使用webpack缩小了应用程序的大小(使用UglifyJS)引起的,您可以通过删除类似于webpack.config.js中以下代码的内容来临时解决此错误
plugins: [
new webpack.optimize.CommonsChunkPlugin('vendor', 'bundle.js'),
new webpack.optimize.UglifyJsPlugin()
],
问题在于您的应用程序无法投入生产,因为bundle.js太胖了,但是您可以开发自己的应用程序了;)
我检查了问题是否不是来自UglifyJS配置,但是我没有确认这是Angular2的问题。
如果我找到解决方法,我会回来帮助您,祝您好运;)
关于javascript - 更新到angular2 beta.1后,路由器将不再工作。它在beta.0中做了,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34884651/