• Register
0 votes

Problem :

I just launched my site and don't effectively do anything for a couple of seconds, and afterward the below indicated error message is produced in devTools. In the event that some procedure is done, the error doesn't emerge

Service Worker termination by a timeout timer was canceled because DevTools is attached

Please find below my System Configuration:

OS:- Windows 10 Pro
webpack:- 1.14.0
sw-precache-webpack-plugin:- 0.9.1
sw-precache:- 5.0.0

6 5 3
7,540 points

Please log in or register to answer this question.

1 Answer

0 votes

Solution :

Ordinarily, idle service workers are forcefully slaughtered as an improvement, to keep code from running out of sight when it's not required. Chrome finds a way to recognize whether DevTools are open, and when it is, won't kill the service worker automatically. The supposition that will be that if an engineer is utilizing DevTools, they may be troubleshooting or generally looking at the service worker's behavior, and killing the service worker would baffle the designer. Expanding the lifetime of the service worker used to be done quietly, however as portrayed here, for as far back as hardly any adaptations of Chrome, the message

Service Worker termination by a timeout timer was canceled because DevTools is attached.

is logged to the console to tell the designer that the service worker would typically have been killed, however the job to kill it was dropped due to DevTools being open.

9 7 4
38,600 points

Related questions

0 votes
2 answers 337 views
Problem : I often face below error after making the trivial React example page: &ldquo;Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element.&rdquo; Below is my code: /** The @jsx React.DOM */ 'use strict'; var MyReact = require('react'); ... > <head>  <script src="/mybundle.js"></script> </head> <body> </body> </html> What does the above error mean?
asked Jan 7, 2020 alecxe 7.5k points
0 votes
1 answer 21 views
Problem: form submission canceled because the form is not connected
asked Feb 18 charles mathews 3.9k points
1 vote
1 answer 62 views
Problem : I am very new to ruby-on-rails and reactjs. I have recently joined a new project. If I try to iterate through my variable mybadges and try to display each badge then I face below error : Each child in an array or iterator should have a unique "key" prop. ... error but was unable to fix it. So now I am looking for ruby-on-rails and reactjs expert who can help me in fixing above error.
asked May 4, 2020 stewart 4k points
0 votes
1 answer 242 views
Problem : I am trying to use the reactrouter but i am getting following error because its mime type ('text/html') is not executable, and strict mime type checking is enabled
asked Nov 13, 2019 peterlaw 6.9k points
0 votes
1 answer 15 views
Problem syntax error: adjacent jsx elements must be wrapped in an enclosing tag.
asked Feb 11 charles mathews 3.9k points
0 votes
1 answer 18 views
I have the following index.js file: const React = require('react'); let App = React.createClass({ render: () => { return ( <div> Hello,this is jsx! </div> ); } }); module.exports = App; This code renders the following HTML: <!DOCTYPE html> ... [as engine] (/Users/xinhengs/Desktop/QunarDevs/qact/server/node_modules/express-react-views/index.js:46:32) Please help me figure out what&rsquo;s going on.
asked Jan 23 khaled 280 points
0 votes
1 answer 15 views
I want to know how to pass data from child component to its parent in ReactJS? Here is my child component: export const SelectLanguage = React.createClass({ getInitialState: function(){ return{ selectedCode: '', selectedLanguage: '', }; }, handleLangChange: function (e) { ... you have any idea what I&rsquo;m doing wrong? Please never mind the json file as it has nothing to do with the problem.
asked Jan 14 khaled 280 points
0 votes
1 answer 32 views
Problem: The expected scenario out of the following pieces of code is that when I click on the button feature I will be redirected to the &lsquo;/&rsquo; route, i.e the index route. However I get this error message: can not read property push of undefined. Can you help me out? route.js import React from " ... react": "^0.14.7", "react-dom": "^0.14.7", "react-router": "^2.0.1", "history": "^2.0.1",
asked Jan 10 khaled 280 points
0 votes
2 answers 7 views
Problem: I want to know how can I get input field value on button click in react, I have a react class component that looks like this: var MyComponent = React.createClass({ handleClick: function() { if (this.refs.myInput !== null) { var input = this.refs.myInput; ... text input" onClick={this.handleClick} /> </div> ); } }); ReactDOM.render( <MyComponent />, document.getElementById('container') );
asked Jan 10 khaled 280 points
0 votes
1 answer 14 views
What is the difference between node js and react js?
asked Oct 10, 2020 sikandar 2.4k points