2017-03-28 28 views
0

虽然我尝试将所有东西混合起来,但使用Angular,bootstrap和node.js/express我在中途停下了脚步。服务@角/ cli组件使用快递,路径问题

我使用这个(好)教程中创建我的组件: https://trinitytuts.com/create-simple-web-application-with-angular-2/

我发现我不得不“NG打造专业化”在客户端和服务器上推的一切,但是当我尝试加载我的组件在服务器端,我只是得到:“加载...”,没有任何东西。 在显影剂控制台/网络I可以看到的index.html从适当的目录加载,但所有子元件从根(/)加载,而不是“三位一体-应用”目录 见:https://www.rdv.li/trinity-app/

很抱歉,如果它的声音作为一个严重的新手问题,我如何'强制'角度组件从它的目录而不是根目录加载它的子元素?

快递我说:

app.use(
    '/trinity-app', 
    express.static(
     path.join(__dirname,'trinity-app', 'dist') 
    ) 
); 

每一个线索,将不胜感激

问候

格雷格

+0

I发现一个线索,在dist文件夹中生成的index.html具有,如果我手动更改为,它会起作用,但每当我重新生成组件,如何(以及在​​哪里)可以配置此选项? –

+0

我发现了一个workaroud,:ng build --base-href/trinity-app/dist –

回答

0

我发现了一个workaroud,:ng build --base-href /trinity-app/dist 这不是一个干净的解决方案,但它有效