我有使用ng new创建的新角度cli项目,我使用ng eject提取webpack配置。
所以现在我有一个外部es6模块,我想在我的一个组件中使用它。
让我们假设这样的项目结构:
var clickCounter = 0;
$("#body").click(function() {
clickCounter++;
switch (clickCounter) {
case 1:
showpanel();
setTimeout(function() {
hidepanel();
}, 1820);
setTimeout(function() {
movetotop();
}, 1820);
setTimeout(function() {
movetotopheight();
}, 1820);
setTimeout(function() {
nav();
}, 1820);
break;
case 2:
centralbutton();
break;
case 3:
footerarea();
break;
case 4:
side();
break;
}
});
此文件夹有两个文件src\app\customModule
,myModule.ts
。
我为此模块创建了新的入口点和块,并将其命名为myModule2.ts
并确保在主块之前下载。
这是customeModule
档案:
myModule.ts
和module MyModule{
export interface CarProperties {
name:string;
price:number;
}
export enum CarType{
BMW,
Hyundai
}
}
档案:
myModule2.ts
所以假设我将在app.component.ts中使用它:
module MyModule{
export class Car {
private speed:number;
constructor(){
console.log("New car has been initialized");
}
}
}
一旦我运行npm run start或npm run build,我看到了带有网络选项卡的新块,但仍然得到 MyModule未定义
有什么建议吗?在此先感谢:)