각도 2를 생명선과 통합 6.2

문제는 내가 @ angular/core, @ angular/form과 같은 자바 스크립트 파일을로드 할 수 없다는 것입니다. liferay에 node_modules 구조체를 추가했지만 어떻게 파일을 가져올 수있는 문제를 해결할 수 없습니다. 누구든지 해결책을 제공 할 수 있습니다. 또는 각도 2를 평생과 통합하는 단계 6.2각도 2를 생명선과 통합 6.2

출처

2017-05-09 vipin petwal

질문은 node_modules을로드하는 것과 관련이 없습니다. 을 Liferay 6.2로드 각도 2의

당신의 portal_normal.vm [index.html을은이 같은 &로드 라이브러리를 포함해야합니다.

<!DOCTYPE html> 
<html> 
    <head> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <title>NgModule Deluxe</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="https://npmcdn.com/core-js/client/shim.min.js"></script> 
    <script src="https://npmcdn.com/[email protected]?main=browser"></script> 
    <script src="https://npmcdn.com/[email protected]"></script> 
    <script src="https://npmcdn.com/[email protected]/dist/system.src.js"></script> 
    <script src="systemjs.config.js"></script> 
    <script> 
     System.import('main.ts').catch(function(err){ console.error(err); }); 
    </script> 
    </head> 

    <body> 
    <app-root>Loading...</app-root> 
    </body> 
</html>

다음 단계는로드하는 main.ts입니다. 루트 모듈을 부트 스트랩합니다.

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule);

그런 다음 AppModule이 필요한 작업을 수행 할 최대로드, 당신은 필요한 transpilation을 작업 주자가 필요합니다.

예 : 메이븐 + NPM

샘플 POM

<parent> 
    <groupId>org.springframework.boot</groupId> 
    <artifactId>spring-boot-starter-parent</artifactId> 
    <version>1.3.5.RELEASE</version> 
</parent> 

<packaging>war</packaging> 


<build> 
    <plugins> 
     <plugin> 
      <groupId>org.apache.maven.plugins</groupId> 
      <artifactId>maven-compiler-plugin</artifactId> 
      <configuration> 
       <source>1.8</source> 
       <target>1.8</target> 
      </configuration> 
     </plugin> 
     <plugin> 
      <groupId>org.springframework.boot</groupId> 
      <artifactId>spring-boot-maven-plugin</artifactId> 
     </plugin> 
     <plugin> 
      <groupId>org.codehaus.mojo</groupId> 
      <artifactId>exec-maven-plugin</artifactId> 
      <executions> 
       <execution> 
        <id>exec-npm-install</id> 
        <phase>generate-sources</phase> 
        <configuration> 
         <workingDirectory>${project.basedir}/src/main/resources</workingDirectory> 
         <executable>npm</executable> 
         <arguments> 
          <argument>install</argument> 
         </arguments> 
        </configuration> 
        <goals> 
         <goal>exec</goal> 
        </goals> 
       </execution> 
       <execution> 
        <id>exec-npm-run-tsc</id> 
        <phase>generate-sources</phase> 
        <configuration> 
         <workingDirectory>${project.basedir}/src/main/resources</workingDirectory> 
         <executable>npm</executable> 
         <arguments> 
          <argument>run</argument> 
          <argument>tsc</argument> 
         </arguments> 
        </configuration> 
        <goals> 
         <goal>exec</goal> 
        </goals> 
       </execution> 
      </executions> 
     </plugin>

그리고 모든 파일이 보관되는 곳입니다.

src/main/resources 
       /app   - .ts and converted .js 
       /css 
       /images 
       /js   - systemjs.config.js is also placed here 
       /node_modules - generated by npm install and will include in war 
       /typings 
       package.json 
       tsconfig.json 
       typings.json

출처

2017-05-09 06:02:04

답변

관련 문제