Question

我想使用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＆amp;＆amp; npm start” 但它表示错误。错误的ERR！ windows_NT 6.1.7601 错误的ERR！ argv“C：\ Program Files \ node.js \ node.exe”“C：\ Program Files \ node.js \ node_modules \ npm \ bin \ npm-cli.js”“start” 错误的ERR！节点v6.11.0 错误的ERR！ npm v3.10.10

npm ERR！缺少脚本：开始错误的ERR！错误的ERR！请在任何支持请求中包含以下文件：错误的ERR！ C：\我的项目路线\ npm-debug.log 请帮帮我

Answer 1

npm start是npm 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脚本。

Answer 2

在package.json中添加用于运行电子的脚本

"script": {
  "start": "electron ."
}

我无法使用node.js运行电子

2 个答案: