"has no exported member" 我的 MTL 模块出错

Question

:grinning: 有人能帮我吗？我有一个 class MDL： MaterialDesignLiteUpgradeElements.ts

import {Directive, AfterViewInit} from 'angular2/core';
declare var componentHandler;
@Directive({
    selector: '[mdl]'
})
export class MDL implements AfterViewInit {
    ngAfterViewInit() {
        componentHandler.upgradeAllRegistered();
    }
}

并关注此堆栈 post：我添加了这个：

 ngAfterViewInit() {
    componentHandler.upgradeDom();
  }

在 class 使用 MTL 管理视图但它说：

MaterialDesignLiteUpgradeElements has no exported member "componentHandler"

控制台错误：

EXCEPTION: TypeError: Cannot read property 'upgradeDom' of undefined

有什么想法吗？

Answer 1

我不喜欢 Angular2，但是，我在 ReactJS 和 Material Design Lite (MDL) 中遇到了同样的问题。

您收到 EXCEPTION: TypeError: Cannot read property 'upgradeDom' of undefined 错误的原因是 MDL 默认不导出任何模块。您可以按照以下建议导出模块。

您必须从 material.js 文件和 import/require 组件文件中手动导出 componentHandler
或者，如果您使用的是 Webpack 等任何捆绑器，则可以使用 exports-loader，然后使用 import/require 导出 componentHandler

这里已经详细说明了

希望对您有所帮助！

"has no exported member" 我的 MTL 模块出错

"has no exported member" Error in my MTL module

material-design-lite

angular