2017-06-11 7 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を見ましたか?それは何か余分を与えるか? Btw、本当に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スクリプトを実行する例を更新する必要があります。

関連する問題