2017-06-11 27 views
2

我想使用node.js運行電子,但它有問題 請看我的代碼。我不能使用node.js運行電子

app.js

const electron = require('electron') 
// Module to control application life. 
const app = electron.app 
// Module to create native browser window. 
const BrowserWindow = electron.BrowserWindow 

const path = require('path') 
const url = require('url') 

// Keep a global reference of the window object, if you don't, the window 
will 
// be closed automatically when the JavaScript object is garbage collected. 
let mainWindow 

function createWindow() { 
// Create the browser window. 
mainWindow = new BrowserWindow({ width: 800, height: 600 }) 

// and load the index.html of the app. 
mainWindow.loadURL(url.format({ 
    pathname: path.join(__dirname, 'Page1.html'), 
    protocol: 'file:', 
    slashes: true 
})) 

// Open the DevTools. 
// mainWindow.webContents.openDevTools() 

// Emitted when the window is closed. 
mainWindow.on('closed', function() { 
    // Dereference the window object, usually you would store windows 
    // in an array if your app supports multi windows, this is the time 
    // when you should delete the corresponding element. 
    mainWindow = null 
}) 
} 

// This method will be called when Electron has finished 
// initialization and is ready to create browser windows. 
// Some APIs can only be used after this event occurs. 
app.on('ready', createWindow) 

// Quit when all windows are closed. 
app.on('window-all-closed', function() { 
// On OS X it is common for applications and their menu bar 
// to stay active until the user quits explicitly with Cmd + Q 
if (process.platform !== 'darwin') { 
    app.quit() 
} 
}) 

app.on('activate', function() { 
// On OS X it's common to re-create a window in the app when the 
// dock icon is clicked and there are no other windows open. 
if (mainWindow === null) { 
    createWindow() 
} 
}) 

// In this file you can include the rest of your app's specific main process 
// code. You can also put them in separate files and require them here. 

Page1.html

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"> 
</script> 
    <script src="jquery-3.2.1.min.js"></script> 
    <script src='https://code.responsivevoice.org/responsivevoice.js'> 
</script> 
</head> 
<body> 
    <div class="container"> 
     <div id="cardbox" class="ui blue fluid card"> 
      <div class="content"></div> 
     </div> 
    </div> 

</body> 
</html> 

的package.json

{ 
    "name": "nodejs-console-app1", 
    "version": "0.0.0", 
    "description": "NodejsConsoleApp1", 
    "main": "app.js", 
    "author": { 
    "name": "user" 
    }, 
    "dependencies": { 
    "app": "^0.1.0", 
    "electron": "^1.6.10", 
    "semantic-ui": "^2.2.10" 
    } 
} 

我打算進入這個項目,在節點cmd 上輸入「npm install & & npm start」,但它表明有錯誤。 npm ERR! windows_NT 6.1.7601 npm ERR! argv「C:\ Program Files \ node.js \ node.exe」「C:\ Program Files \ node.js \ node_modules \ npm \ bin \ npm-cli.js」「start」 npm ERR!節點v6.11.0 npm ERR! npm v3.10.10

npm ERR!缺少腳本:開始 npm ERR! npm ERR!請包括以下任何支持請求的文件: npm ERR! C:\我的項目路線\ npm-debug.log 請幫幫我

+0

你看過npm-debug.log嗎?它提供了額外的東西嗎? 順便說一句,你確定你需要npm-package應用程序嗎? – AardVark71

回答

1

npm startnpm run start的簡寫。

在您的package.json中沒有指定script選項,也沒有start腳本。一個例子的package.json是:

{ 
    "name": "nodejs-console-app1", 
    "version": "0.0.0", 
    "description": "NodejsConsoleApp1", 
    "main": "app.js", 
    "script": { 
    "start": "echo 'Hello World!'" 
    }, 
    "author": { 
    "name": "user" 
    }, 
    "dependencies": { 
    "app": "^0.1.0", 
    "electron": "^1.6.10", 
    "semantic-ui": "^2.2.10" 
    } 
} 

您將需要更新運行正確start腳本,當然例子。