Question

我使用webpack@2.2.0-rc.4来服务NG2项目。链接我的模块只能使用相对路径。绝对路径不起作用。

这是解析配置的方式

 config.resolve = {
        modules: [path.resolve(__dirname, "src"), 'node_modules'],
        extensions: ['.ts', '.js', '.json', '.css', '.scss', '.html'],
    };

这是我如何链接src/app/app.module.ts

中的文件

import { Child } from 'app/components/child/add-child.component';

即使我的Cannot find module中有一个班级，我也会得到src/app/components/child/add-child.component.ts。

我的文件夹结构如下所示

src
-- app
   -- app.module.ts
   -- components
      -- child
         -- add-child.component.ts

更新1

如果我尝试使用其他路径导入文件，例如./app/components/add-child.component，我会收到更复杂的错误

Module not found: Error: Can't resolve './app/components/child/add-child/add-child.component' in '/Users/stefanosergio/rep/webapp/src/app'
 @ ./src/app/app.module.ts 18:28-91
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/main.ts

加上好老的

Cannot find module './app/components/child/add-child/add-child.component'.

更新2

我在"baseUrl": "./src",中有tsconfig，不确定这是正确的值，但更改它并没有真正改善任何事情。

Webpack2 Alias不使用Angular2组件

0 个答案: