2016-07-07 39 views
8

Tôi đã tạo ra một dự án Angular 2 mới bằng cách sử dụng Angular CLI mới. Bây giờ tôi không muốn sử dụng Góc trong trình duyệt nhưng trong một ứng dụng điện tử. Vì vậy, tôi đã tạo một tệp cho quy trình chính của điện tử và sau khi xây dựng ứng dụng Góc của tôi với ng build trong thiết bị đầu cuối, ứng dụng không hoạt động như mong đợi.Sử dụng Góc 2 với Electron (Góc CLI)

tập tin cho quá trình chính của Electron:

var electron = require("electron"); 
var {app, BrowserWindow} = electron; 

app.on('ready',() => { 
    var mainWindow = new BrowserWindow(); 
    mainWindow.loadURL(`file://${__dirname}/dist/index.html`); 
}); 

Lỗi trong DevTools:

file:///vendor/es6-shim/es6-shim.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/reflect-metadata/Reflect.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/systemjs/dist/system.src.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/zone.js/dist/zone.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
index.html:22 Uncaught ReferenceError: System is not defined 

Tôi cũng biết rằng bạn chủ yếu cần một máy chủ web để chạy kiễu góc 2 Ứng dụng và tôi nghĩ rằng ứng dụng của tôi không không hoạt động vì Electron tải Ứng dụng qua giao thức file://.

Nhưng tôi thực sự muốn sử dụng Electron kết hợp với Angular 2; vì vậy câu hỏi của tôi là nếu điều này là có thể và nếu như vậy làm thế nào tôi cần phải sửa đổi các mẫu Angular tạo ra từ tiện ích cli.

+1

kết quả tìm kiếm đầu tiên https://auth0.com/blog/2015/12/15/create-a-desktop- app-with-angular-2-and-electron/ – ishaan

+0

Có, nhưng tôi muốn biết cách sửa đổi mẫu được tạo ra bởi CLI góc. – HansMu158

Trả lời

9

Bạn cũng có thể thay đổi

<base href="/"> 

để

<base href="./"> 
-1

tải xuống angular.js từ CDN và đặt nó vào thư mục ứng dụng của bạn. Sau đó, trong tệp html của bạn, hãy sử dụng

<script type="text/javascript" src="angular.js"></script> 

Không giống như điện tử trình duyệt sẽ không gặp sự cố khi chọn angular.js từ hệ thống tệp của bạn.

+0

Cảm ơn, nhưng tôi vẫn gặp lỗi tương tự ... – HansMu158

+0

Bạn có thể hiển thị cho chúng tôi index.html của bạn không –

5

Sau khi đọc một cái gì đó về góc 2 Router ngày hôm qua, tôi đã tìm ra rằng vấn đề là do dòng này trong index.html

<base href="/"> 

Bằng cách thay thế nó bằng một tất cả mọi thứ cơ sở tự động thiết lập các công trình như mong đợi.

<script>document.write('<base href="' + document.location + '" />');</script>