Question

我无法解释为什么Modules未定义。

类模块存在且路径正确。任何的想法？

这是我的代码：

import { RouterModule, Routes } from '@angular/router';
import  {Modules} from "modules";

import {
DashboardDemoComponent,
HomeComponent,
AboutComponent,
ApiDemoComponent,
DemoPageComponent,
TableDemoComponent,
FormDemoComponent,
TimelineDemoComponent,
} from 'components';

import {
EmptyComponent,
} from 'components/widgets';

import { MasterdataComponent } from 'masterdata/components';
import {
OrdersTabsComponent,
OrdersListComponent,
OrderComponent,
OrdersListOverviewComponent,
CanDeactivateOrdersTab,
} from 'shop/components';


export class Route{

modules : Modules;

public constructor(){

    console.log(Modules);
    this.modules = new Modules;
}

我在tsconfig.json的路径看起来像是：

 "paths": { "*": [
  "app/*",
  "modules/*"
]}

modules.ts文件位于我的文件夹＆＃34; modules＆＃34;和＃34; app＆＃34;

中的路线

here the structure

Answer 1

tsconfig.json“paths”属性必须与“baseUrl”一起使用。我不完全确定你的文件夹结构如何，但这样的事情可能会起作用：

"baseUrl" : "src",
"paths": {
  "app/*" : ["app/*"],
  "modules/*" : ["app/modules/*"],
}

Answer 2

从这样的名称导入意味着您要导入npm包（或者更确切地说，node_modules/modules）。

要在代码库中导入文件，您需要使用相对路径：

import  {Modules} from "./modules";

为什么模块未定义？

2 个答案: