console.log到devTools到电子应用程序和渲染过程

Question

为什么我的console.log不显示在我非常简单的electron应用程序的devTools中？

>

I console.log到渲染器进程electron加载的js文件中。

如果我console.log主过程电子，我可以在命令行中查看结果

我可以看到js文件是由渲染器进程加载到devTools中的

index.js：

const {app, BrowserWindow} = require('electron')

let win

function createWindow () {
    win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            webSecurity: false
        }
    })

    win.loadFile('index.html')

    win.webContents.openDevTools()

    console.log('main test')

    win.on('closed', () => {
        win = null
    })
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit()
    }
})

app.on('activate', () => {
    if (win === null) {
        createWindow()
    }
})

process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';

index.html文件：

<h1>MAIN PAGE</h1>

<script type="javascript" src="midi-test.js"></script>

<button type="button">TEST</button>

midi-test.js文件：

var navigator = require('jzz')

console.log('test')

if (navigator.requestMIDIAccess){
    console.log('OK')
}
else{
    console.log('KO')
}

>

我不想使用电子日志npm包将console.log写入操作系统文件。

我不想将console.log渲染器进程重定向到主进程命令行。

关于这个问题有很多问题，但没有简单的回答。

Answer 1

在index.html文件中，替换：

<script type="javascript" src="midi-test.js"></script>

与：

<script type="text/javascript" src="midi-test.js"></script>

或：

<script src="midi-test.js"></script>

事实上，javascriptonly是错误的