I’m serving my ember app in https
. Followed the example which was given in GitHub - ember-cli/ember-cli-inject-live-reload: Ember CLI plugin that injects live-reload script into HTML content at the bottom of the page. It was working fine with ember 2.18.0
.ember-cli:
{
...
"liveReloadPort": 37531,
// This `liveReloadOptions` property becomes `window.LiveReloadOptions`
"liveReloadOptions": {
"port": 37631,
"https": true,
"host": "livereload.app-name.local"
},
"liveReloadJsUrl": "https://app-name.local/livereload.js"
}
after updating ember
to 3.7.1
and ember-cli-inject-live-reload
to 2.0.1
getting error in browser console
GET https://app-name.local/livereload.js net::ERR_ABORTED 404 (Not Found)
(anonymous) @ ember-cli-live-reload.js:14
(anonymous) @ ember-cli-live-reload.js:15
Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' localhost:37531 0.0.0.0:37531 undefined:37531".
ember-cli-live-reload.js:
(function() {
window.LiveReloadOptions = {"port":37631,"https":true,"host":"app-name.local","snipver":1};
var srcUrl = 'https://app-name.local/livereload.js';
var host= location.hostname || 'localhost';
var liveReloadPort = 37531;
var defaultPort = location.protocol === 'https:' ? 443 : 80;
var port = liveReloadPort || location.port || defaultPort;
var path = '&path=_lr/livereload';
var prefixURL = (location.protocol || 'http:') + '//' + host + ':' + 37531;
var src = srcUrl || prefixURL + '/_lr/livereload.js?port=' + port + '&host=' + host + path;
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = src;
"line 14" document.getElementsByTagName('head')[0].appendChild(script);
}());