로컬 파일을로드 할 수 없습니다.

Question

이제 Node.js + Electron을 학습하기 시작했습니다. 나는 다음 코드에 무엇이 잘못되었는지 알아 내는데 어려움을 겪고있다. 나는 '콘솔에서

다음과 같은 오류 여기

Not allowed to load local resource: file://%24%7B__dirname%7D/index.html 

을 얻고 것은 코드는 URL을 인쇄 할 ES2015 기능을 사용하려는 것처럼 보이는 현재

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

app.on('ready', function(){ 
    let win = new BrowserWindow({ 
     width: 600, 
     height: 500 
    }) 
    win.loadURL('file://${__dirname}/index.html') 
    win.webContents.openDevTools() 
}) 

Answer 1

함께 일하고 있어요 . 이 대신에 일반 따옴표의 역 따옴표 필요 :

win.loadURL(`file://${__dirname}/index.html`) 

을 아니면 그냥 일반 문자열 concatonation 사용할 수 있습니다

이에 확장하려면

win.loadURL('file://' + __dirname + '/index.html') 

에 대한 자세한 설명을, ES2015 (또는 ES6) 는 최신 브라우저 및 노드 버전에서 채택 된 JavaScript의 최신 사양입니다. 그것은 'Template Strings'라고 불릴 수있는 String에 변수를 포함하기위한 몇 가지 기능을 추가합니다. 이 함수를 사용하면 작은 따옴표 나 큰 따옴표 대신 백틱으로 문자열을 인스턴스화 할 수 있으며 달러 기호와 중괄호로 구분 된 문자열에 변수를 드롭 할 수 있습니다. 그것은 문자열 연결을보다 쉽고 더 장황하게 만들도록 설계되었습니다.

코드에서 수행중인 작업은 달러 기호와 중괄호를 사용하지만 해당 기능을 사용하기 위해 String을 적절히 인스턴스화하지 않습니다.

더보기 here.