├── public
    ├── favicon.ico
    ├── logo192.png
    ├── logo512.png
    ├── robots.txt
    ├── manifest.json
    └── index.html
├── .gitmodules
├── src
    ├── adaptation.js
    ├── index.js
    ├── index.css
    ├── App.js
    ├── App.css
    ├── TestPage.js
    ├── B.js
    └── logo.svg
├── config
    ├── jest
    │   ├── cssTransform.js
    │   └── fileTransform.js
    ├── pnpTs.js
    ├── getHttpsConfig.js
    ├── paths.js
    ├── modules.js
    ├── env.js
    ├── webpackDevServer.config.js
    └── webpack.config.js
├── .gitignore
├── scripts
    ├── test.js
    ├── start.js
    └── build.js
├── package.json
├── README.md
└── .eslintcache


/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bozhouyongqi/debug-react/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bozhouyongqi/debug-react/HEAD/public/logo192.png


--------------------------------------------------------------------------------
/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bozhouyongqi/debug-react/HEAD/public/logo512.png


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "src/react"]
2 | 	path = src/react
3 | 	url = git@github.com:facebook/react.git
4 | 


--------------------------------------------------------------------------------
/src/adaptation.js:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as ReactDOM from 'react-dom';
3 | 
4 | export {
5 |     React,
6 |     ReactDOM
7 | };


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import {React, ReactDOM} from './adaptation';
 2 | import './index.css';
 3 | import App from './App';
 4 | import TestPage from './TestPage';
 5 | 
 6 | 
 7 | ReactDOM.render(
 8 |   <React.StrictMode>
 9 |     <TestPage />
10 |   </React.StrictMode>,
11 |   document.getElementById('root')
12 | );
13 | 


--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // This is a custom Jest transformer turning style imports into empty objects.
 4 | // http://facebook.github.io/jest/docs/en/webpack.html
 5 | 
 6 | module.exports = {
 7 |   process() {
 8 |     return 'module.exports = {};';
 9 |   },
10 |   getCacheKey() {
11 |     // The output is always the same.
12 |     return 'cssTransform';
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 4 |     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 5 |     sans-serif;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   -moz-osx-font-smoothing: grayscale;
 8 | }
 9 | 
10 | code {
11 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 |     monospace;
13 | }
14 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import {React} from './adaptation';
 2 | import logo from './logo.svg';
 3 | import './App.css';
 4 | 
 5 | function App() {
 6 |   return (
 7 |     <div className="App">
 8 |       <header className="App-header">
 9 |         <img src={logo} className="App-logo" alt="logo" />
10 |         <p>
11 |           Edit <code>src/App.js</code> and save to reload.
12 |         </p>
13 |         <a
14 |           className="App-link"
15 |           href="https://reactjs.org"
16 |           target="_blank"
17 |           rel="noopener noreferrer"
18 |         >
19 |           Learn React
20 |         </a>
21 |       </header>
22 |     </div>
23 |   );
24 | }
25 | 
26 | export default App;
27 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 |   height: 40vmin;
 7 |   pointer-events: none;
 8 | }
 9 | 
10 | @media (prefers-reduced-motion: no-preference) {
11 |   .App-logo {
12 |     animation: App-logo-spin infinite 20s linear;
13 |   }
14 | }
15 | 
16 | .App-header {
17 |   background-color: #282c34;
18 |   min-height: 100vh;
19 |   display: flex;
20 |   flex-direction: column;
21 |   align-items: center;
22 |   justify-content: center;
23 |   font-size: calc(10px + 2vmin);
24 |   color: white;
25 | }
26 | 
27 | .App-link {
28 |   color: #61dafb;
29 | }
30 | 
31 | @keyframes App-logo-spin {
32 |   from {
33 |     transform: rotate(0deg);
34 |   }
35 |   to {
36 |     transform: rotate(360deg);
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/src/TestPage.js:
--------------------------------------------------------------------------------
 1 | import {React} from './adaptation';
 2 | import B from './B';
 3 | const {useState, useCallback, useEffect, Component} = React;
 4 | 
 5 | class A extends Component {
 6 |     render() {
 7 |         return <div>
 8 |             A 页面
 9 |         </div>
10 |     }
11 | }
12 | 
13 | export default function TestPage(props) {
14 |     const [state, setstate] = useState(true);
15 | 
16 |     const unmountB = () => {
17 |         setstate(!state);
18 |     }
19 |     return (
20 |         <div className="App">
21 |             HELLO WORLD
22 | 
23 |             <A/>
24 |             {
25 |                 state ? <B /> : null
26 |             }
27 | 
28 |                 <button onClick={unmountB}>unmount B</button>
29 |             </div>
30 |     );
31 | }


--------------------------------------------------------------------------------
/src/B.js:
--------------------------------------------------------------------------------
 1 | import {React} from './adaptation';
 2 | const {useState, useCallback, useEffect} = React;
 3 | 
 4 | export default function B(props) {
 5 |     const [count, setCount] = useState(0);
 6 | 
 7 |     const onClick = useCallback(
 8 |         () => {
 9 |             setCount(count => count + 1)
10 |         },
11 |         []
12 |     );
13 | 
14 |     useEffect(() => {
15 |         console.log('did mount');
16 |         return () => {
17 |             console.log('unmount');
18 |         };
19 |     }, [count]);
20 |     return (
21 |         <>
22 |             <div>
23 |                 <span>{count}</span>
24 |                 <button onClick={onClick}>
25 |                     click me
26 |                 </button>
27 |             </div>
28 |         </>
29 |     );
30 | }


--------------------------------------------------------------------------------
/config/pnpTs.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const { resolveModuleName } = require('ts-pnp');
 4 | 
 5 | exports.resolveModuleName = (
 6 |   typescript,
 7 |   moduleName,
 8 |   containingFile,
 9 |   compilerOptions,
10 |   resolutionHost
11 | ) => {
12 |   return resolveModuleName(
13 |     moduleName,
14 |     containingFile,
15 |     compilerOptions,
16 |     resolutionHost,
17 |     typescript.resolveModuleName
18 |   );
19 | };
20 | 
21 | exports.resolveTypeReferenceDirective = (
22 |   typescript,
23 |   moduleName,
24 |   containingFile,
25 |   compilerOptions,
26 |   resolutionHost
27 | ) => {
28 |   return resolveModuleName(
29 |     moduleName,
30 |     containingFile,
31 |     compilerOptions,
32 |     resolutionHost,
33 |     typescript.resolveTypeReferenceDirective
34 |   );
35 | };
36 | 


--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const camelcase = require('camelcase');
 5 | 
 6 | // This is a custom Jest transformer turning file imports into filenames.
 7 | // http://facebook.github.io/jest/docs/en/webpack.html
 8 | 
 9 | module.exports = {
10 |   process(src, filename) {
11 |     const assetFilename = JSON.stringify(path.basename(filename));
12 | 
13 |     if (filename.match(/\.svg$/)) {
14 |       // Based on how SVGR generates a component name:
15 |       // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
16 |       const pascalCaseFilename = camelcase(path.parse(filename).name, {
17 |         pascalCase: true,
18 |       });
19 |       const componentName = `Svg${pascalCaseFilename}`;
20 |       return `const React = require('react');
21 |       module.exports = {
22 |         __esModule: true,
23 |         default: ${assetFilename},
24 |         ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
25 |           return {
26 |             $$typeof: Symbol.for('react.element'),
27 |             type: 'svg',
28 |             ref: ref,
29 |             key: null,
30 |             props: Object.assign({}, props, {
31 |               children: ${assetFilename}
32 |             })
33 |           };
34 |         }),
35 |       };`;
36 |     }
37 | 
38 |     return `module.exports = ${assetFilename};`;
39 |   },
40 | };
41 | 


--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'test';
 5 | process.env.NODE_ENV = 'test';
 6 | process.env.PUBLIC_URL = '';
 7 | 
 8 | // Makes the script crash on unhandled rejections instead of silently
 9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 |   throw err;
13 | });
14 | 
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 | 
18 | 
19 | const jest = require('jest');
20 | const execSync = require('child_process').execSync;
21 | let argv = process.argv.slice(2);
22 | 
23 | function isInGitRepository() {
24 |   try {
25 |     execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
26 |     return true;
27 |   } catch (e) {
28 |     return false;
29 |   }
30 | }
31 | 
32 | function isInMercurialRepository() {
33 |   try {
34 |     execSync('hg --cwd . root', { stdio: 'ignore' });
35 |     return true;
36 |   } catch (e) {
37 |     return false;
38 |   }
39 | }
40 | 
41 | // Watch unless on CI or explicitly running all tests
42 | if (
43 |   !process.env.CI &&
44 |   argv.indexOf('--watchAll') === -1 &&
45 |   argv.indexOf('--watchAll=false') === -1
46 | ) {
47 |   // https://github.com/facebook/create-react-app/issues/5210
48 |   const hasSourceControl = isInGitRepository() || isInMercurialRepository();
49 |   argv.push(hasSourceControl ? '--watch' : '--watchAll');
50 | }
51 | 
52 | 
53 | jest.run(argv);
54 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>React App</title>
28 |   </head>
29 |   <body>
30 |     <noscript>You need to enable JavaScript to run this app.</noscript>
31 |     <div id="root"></div>
32 |     <!--
33 |       This HTML file is a template.
34 |       If you open it directly in the browser, you will see an empty page.
35 | 
36 |       You can add webfonts, meta tags, or analytics to this file.
37 |       The build step will place the bundled scripts into the <body> tag.
38 | 
39 |       To begin the development, run `npm start` or `yarn start`.
40 |       To create a production bundle, use `npm run build` or `yarn build`.
41 |     -->
42 |   </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/config/getHttpsConfig.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const fs = require('fs');
 4 | const path = require('path');
 5 | const crypto = require('crypto');
 6 | const chalk = require('react-dev-utils/chalk');
 7 | const paths = require('./paths');
 8 | 
 9 | // Ensure the certificate and key provided are valid and if not
10 | // throw an easy to debug error
11 | function validateKeyAndCerts({ cert, key, keyFile, crtFile }) {
12 |   let encrypted;
13 |   try {
14 |     // publicEncrypt will throw an error with an invalid cert
15 |     encrypted = crypto.publicEncrypt(cert, Buffer.from('test'));
16 |   } catch (err) {
17 |     throw new Error(
18 |       `The certificate "${chalk.yellow(crtFile)}" is invalid.\n${err.message}`
19 |     );
20 |   }
21 | 
22 |   try {
23 |     // privateDecrypt will throw an error with an invalid key
24 |     crypto.privateDecrypt(key, encrypted);
25 |   } catch (err) {
26 |     throw new Error(
27 |       `The certificate key "${chalk.yellow(keyFile)}" is invalid.\n${
28 |         err.message
29 |       }`
30 |     );
31 |   }
32 | }
33 | 
34 | // Read file and throw an error if it doesn't exist
35 | function readEnvFile(file, type) {
36 |   if (!fs.existsSync(file)) {
37 |     throw new Error(
38 |       `You specified ${chalk.cyan(
39 |         type
40 |       )} in your env, but the file "${chalk.yellow(file)}" can't be found.`
41 |     );
42 |   }
43 |   return fs.readFileSync(file);
44 | }
45 | 
46 | // Get the https config
47 | // Return cert files if provided in env, otherwise just true or false
48 | function getHttpsConfig() {
49 |   const { SSL_CRT_FILE, SSL_KEY_FILE, HTTPS } = process.env;
50 |   const isHttps = HTTPS === 'true';
51 | 
52 |   if (isHttps && SSL_CRT_FILE && SSL_KEY_FILE) {
53 |     const crtFile = path.resolve(paths.appPath, SSL_CRT_FILE);
54 |     const keyFile = path.resolve(paths.appPath, SSL_KEY_FILE);
55 |     const config = {
56 |       cert: readEnvFile(crtFile, 'SSL_CRT_FILE'),
57 |       key: readEnvFile(keyFile, 'SSL_KEY_FILE'),
58 |     };
59 | 
60 |     validateKeyAndCerts({ ...config, keyFile, crtFile });
61 |     return config;
62 |   }
63 |   return isHttps;
64 | }
65 | 
66 | module.exports = getHttpsConfig;
67 | 


--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const fs = require('fs');
 5 | const getPublicUrlOrPath = require('react-dev-utils/getPublicUrlOrPath');
 6 | 
 7 | // Make sure any symlinks in the project folder are resolved:
 8 | // https://github.com/facebook/create-react-app/issues/637
 9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 | 
12 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
13 | // "public path" at which the app is served.
14 | // webpack needs to know it to put the right <script> hrefs into HTML even in
15 | // single-page apps that may serve index.html for nested URLs like /todos/42.
16 | // We can't use a relative path in HTML because we don't want to load something
17 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
18 | const publicUrlOrPath = getPublicUrlOrPath(
19 |   process.env.NODE_ENV === 'development',
20 |   require(resolveApp('package.json')).homepage,
21 |   process.env.PUBLIC_URL
22 | );
23 | 
24 | const moduleFileExtensions = [
25 |   'web.mjs',
26 |   'mjs',
27 |   'web.js',
28 |   'js',
29 |   'web.ts',
30 |   'ts',
31 |   'web.tsx',
32 |   'tsx',
33 |   'json',
34 |   'web.jsx',
35 |   'jsx',
36 | ];
37 | 
38 | // Resolve file paths in the same order as webpack
39 | const resolveModule = (resolveFn, filePath) => {
40 |   const extension = moduleFileExtensions.find(extension =>
41 |     fs.existsSync(resolveFn(`${filePath}.${extension}`))
42 |   );
43 | 
44 |   if (extension) {
45 |     return resolveFn(`${filePath}.${extension}`);
46 |   }
47 | 
48 |   return resolveFn(`${filePath}.js`);
49 | };
50 | 
51 | // config after eject: we're in ./config/
52 | module.exports = {
53 |   dotenv: resolveApp('.env'),
54 |   appPath: resolveApp('.'),
55 |   appBuild: resolveApp('build'),
56 |   appPublic: resolveApp('public'),
57 |   appHtml: resolveApp('public/index.html'),
58 |   appIndexJs: resolveModule(resolveApp, 'src/index'),
59 |   appPackageJson: resolveApp('package.json'),
60 |   appSrc: resolveApp('src'),
61 |   appTsConfig: resolveApp('tsconfig.json'),
62 |   appJsConfig: resolveApp('jsconfig.json'),
63 |   yarnLockFile: resolveApp('yarn.lock'),
64 |   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
65 |   proxySetup: resolveApp('src/setupProxy.js'),
66 |   appNodeModules: resolveApp('node_modules'),
67 |   swSrc: resolveModule(resolveApp, 'src/service-worker'),
68 |   publicUrlOrPath,
69 | };
70 | 
71 | 
72 | 
73 | module.exports.moduleFileExtensions = moduleFileExtensions;
74 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>


--------------------------------------------------------------------------------
/config/modules.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const fs = require('fs');
  4 | const path = require('path');
  5 | const paths = require('./paths');
  6 | const chalk = require('react-dev-utils/chalk');
  7 | const resolve = require('resolve');
  8 | 
  9 | /**
 10 |  * Get additional module paths based on the baseUrl of a compilerOptions object.
 11 |  *
 12 |  * @param {Object} options
 13 |  */
 14 | function getAdditionalModulePaths(options = {}) {
 15 |   const baseUrl = options.baseUrl;
 16 | 
 17 |   if (!baseUrl) {
 18 |     return '';
 19 |   }
 20 | 
 21 |   const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
 22 | 
 23 |   // We don't need to do anything if `baseUrl` is set to `node_modules`. This is
 24 |   // the default behavior.
 25 |   if (path.relative(paths.appNodeModules, baseUrlResolved) === '') {
 26 |     return null;
 27 |   }
 28 | 
 29 |   // Allow the user set the `baseUrl` to `appSrc`.
 30 |   if (path.relative(paths.appSrc, baseUrlResolved) === '') {
 31 |     return [paths.appSrc];
 32 |   }
 33 | 
 34 |   // If the path is equal to the root directory we ignore it here.
 35 |   // We don't want to allow importing from the root directly as source files are
 36 |   // not transpiled outside of `src`. We do allow importing them with the
 37 |   // absolute path (e.g. `src/Components/Button.js`) but we set that up with
 38 |   // an alias.
 39 |   if (path.relative(paths.appPath, baseUrlResolved) === '') {
 40 |     return null;
 41 |   }
 42 | 
 43 |   // Otherwise, throw an error.
 44 |   throw new Error(
 45 |     chalk.red.bold(
 46 |       "Your project's `baseUrl` can only be set to `src` or `node_modules`." +
 47 |         ' Create React App does not support other values at this time.'
 48 |     )
 49 |   );
 50 | }
 51 | 
 52 | /**
 53 |  * Get webpack aliases based on the baseUrl of a compilerOptions object.
 54 |  *
 55 |  * @param {*} options
 56 |  */
 57 | function getWebpackAliases(options = {}) {
 58 |   const baseUrl = options.baseUrl;
 59 | 
 60 |   if (!baseUrl) {
 61 |     return {};
 62 |   }
 63 | 
 64 |   const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
 65 | 
 66 |   if (path.relative(paths.appPath, baseUrlResolved) === '') {
 67 |     return {
 68 |       src: paths.appSrc,
 69 |     };
 70 |   }
 71 | }
 72 | 
 73 | /**
 74 |  * Get jest aliases based on the baseUrl of a compilerOptions object.
 75 |  *
 76 |  * @param {*} options
 77 |  */
 78 | function getJestAliases(options = {}) {
 79 |   const baseUrl = options.baseUrl;
 80 | 
 81 |   if (!baseUrl) {
 82 |     return {};
 83 |   }
 84 | 
 85 |   const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
 86 | 
 87 |   if (path.relative(paths.appPath, baseUrlResolved) === '') {
 88 |     return {
 89 |       '^src/(.*)$': '<rootDir>/src/$1',
 90 |     };
 91 |   }
 92 | }
 93 | 
 94 | function getModules() {
 95 |   // Check if TypeScript is setup
 96 |   const hasTsConfig = fs.existsSync(paths.appTsConfig);
 97 |   const hasJsConfig = fs.existsSync(paths.appJsConfig);
 98 | 
 99 |   if (hasTsConfig && hasJsConfig) {
100 |     throw new Error(
101 |       'You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.'
102 |     );
103 |   }
104 | 
105 |   let config;
106 | 
107 |   // If there's a tsconfig.json we assume it's a
108 |   // TypeScript project and set up the config
109 |   // based on tsconfig.json
110 |   if (hasTsConfig) {
111 |     const ts = require(resolve.sync('typescript', {
112 |       basedir: paths.appNodeModules,
113 |     }));
114 |     config = ts.readConfigFile(paths.appTsConfig, ts.sys.readFile).config;
115 |     // Otherwise we'll check if there is jsconfig.json
116 |     // for non TS projects.
117 |   } else if (hasJsConfig) {
118 |     config = require(paths.appJsConfig);
119 |   }
120 | 
121 |   config = config || {};
122 |   const options = config.compilerOptions || {};
123 | 
124 |   const additionalModulePaths = getAdditionalModulePaths(options);
125 | 
126 |   return {
127 |     additionalModulePaths: additionalModulePaths,
128 |     webpackAliases: getWebpackAliases(options),
129 |     jestAliases: getJestAliases(options),
130 |     hasTsConfig,
131 |   };
132 | }
133 | 
134 | module.exports = getModules();
135 | 


--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const fs = require('fs');
  4 | const path = require('path');
  5 | const paths = require('./paths');
  6 | 
  7 | // Make sure that including paths.js after env.js will read .env variables.
  8 | delete require.cache[require.resolve('./paths')];
  9 | 
 10 | const NODE_ENV = process.env.NODE_ENV;
 11 | if (!NODE_ENV) {
 12 |   throw new Error(
 13 |     'The NODE_ENV environment variable is required but was not specified.'
 14 |   );
 15 | }
 16 | 
 17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
 18 | const dotenvFiles = [
 19 |   `${paths.dotenv}.${NODE_ENV}.local`,
 20 |   // Don't include `.env.local` for `test` environment
 21 |   // since normally you expect tests to produce the same
 22 |   // results for everyone
 23 |   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
 24 |   `${paths.dotenv}.${NODE_ENV}`,
 25 |   paths.dotenv,
 26 | ].filter(Boolean);
 27 | 
 28 | // Load environment variables from .env* files. Suppress warnings using silent
 29 | // if this file is missing. dotenv will never modify any environment variables
 30 | // that have already been set.  Variable expansion is supported in .env files.
 31 | // https://github.com/motdotla/dotenv
 32 | // https://github.com/motdotla/dotenv-expand
 33 | dotenvFiles.forEach(dotenvFile => {
 34 |   if (fs.existsSync(dotenvFile)) {
 35 |     require('dotenv-expand')(
 36 |       require('dotenv').config({
 37 |         path: dotenvFile,
 38 |       })
 39 |     );
 40 |   }
 41 | });
 42 | 
 43 | // We support resolving modules according to `NODE_PATH`.
 44 | // This lets you use absolute paths in imports inside large monorepos:
 45 | // https://github.com/facebook/create-react-app/issues/253.
 46 | // It works similar to `NODE_PATH` in Node itself:
 47 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
 48 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
 49 | // Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
 50 | // https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
 51 | // We also resolve them to make sure all tools using them work consistently.
 52 | const appDirectory = fs.realpathSync(process.cwd());
 53 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
 54 |   .split(path.delimiter)
 55 |   .filter(folder => folder && !path.isAbsolute(folder))
 56 |   .map(folder => path.resolve(appDirectory, folder))
 57 |   .join(path.delimiter);
 58 | 
 59 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
 60 | // injected into the application via DefinePlugin in webpack configuration.
 61 | const REACT_APP = /^REACT_APP_/i;
 62 | 
 63 | function getClientEnvironment(publicUrl) {
 64 |   const raw = Object.keys(process.env)
 65 |     .filter(key => REACT_APP.test(key))
 66 |     .reduce(
 67 |       (env, key) => {
 68 |         env[key] = process.env[key];
 69 |         return env;
 70 |       },
 71 |       {
 72 |         // Useful for determining whether we’re running in production mode.
 73 |         // Most importantly, it switches React into the correct mode.
 74 |         NODE_ENV: process.env.NODE_ENV || 'development',
 75 |         // Useful for resolving the correct path to static assets in `public`.
 76 |         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
 77 |         // This should only be used as an escape hatch. Normally you would put
 78 |         // images into the `src` and `import` them in code to get their paths.
 79 |         PUBLIC_URL: publicUrl,
 80 |         // We support configuring the sockjs pathname during development.
 81 |         // These settings let a developer run multiple simultaneous projects.
 82 |         // They are used as the connection `hostname`, `pathname` and `port`
 83 |         // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
 84 |         // and `sockPort` options in webpack-dev-server.
 85 |         WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
 86 |         WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
 87 |         WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
 88 |         // Whether or not react-refresh is enabled.
 89 |         // react-refresh is not 100% stable at this time,
 90 |         // which is why it's disabled by default.
 91 |         // It is defined here so it is available in the webpackHotDevClient.
 92 |         FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
 93 |       }
 94 |     );
 95 |   // Stringify all values so we can feed into webpack DefinePlugin
 96 |   const stringified = {
 97 |     'process.env': Object.keys(raw).reduce((env, key) => {
 98 |       env[key] = JSON.stringify(raw[key]);
 99 |       return env;
100 |     }, {}),
101 |     "__DEV__": true,
102 |     "__PROFILE__": true,
103 |     "__UMD__": true,
104 |     "__EXPERIMENTAL__": true
105 |   };
106 | 
107 |   return { raw, stringified };
108 | }
109 | 
110 | module.exports = getClientEnvironment;
111 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "debug-react-new",
  3 |   "version": "0.1.0",
  4 |   "private": true,
  5 |   "dependencies": {
  6 |     "@babel/core": "7.12.3",
  7 |     "@pmmmwh/react-refresh-webpack-plugin": "0.4.2",
  8 |     "@svgr/webpack": "5.4.0",
  9 |     "@testing-library/jest-dom": "^5.11.4",
 10 |     "@testing-library/react": "^11.1.0",
 11 |     "@testing-library/user-event": "^12.1.10",
 12 |     "@typescript-eslint/eslint-plugin": "^4.5.0",
 13 |     "@typescript-eslint/parser": "^4.5.0",
 14 |     "babel-eslint": "^10.1.0",
 15 |     "babel-jest": "^26.6.0",
 16 |     "babel-loader": "8.1.0",
 17 |     "babel-plugin-named-asset-import": "^0.3.7",
 18 |     "babel-preset-react-app": "^10.0.0",
 19 |     "bfj": "^7.0.2",
 20 |     "camelcase": "^6.1.0",
 21 |     "case-sensitive-paths-webpack-plugin": "2.3.0",
 22 |     "css-loader": "4.3.0",
 23 |     "dotenv": "8.2.0",
 24 |     "dotenv-expand": "5.1.0",
 25 |     "eslint": "^7.11.0",
 26 |     "eslint-config-react-app": "^6.0.0",
 27 |     "eslint-plugin-flowtype": "^5.2.0",
 28 |     "eslint-plugin-import": "^2.22.1",
 29 |     "eslint-plugin-jest": "^24.1.0",
 30 |     "eslint-plugin-jsx-a11y": "^6.3.1",
 31 |     "eslint-plugin-react": "^7.21.5",
 32 |     "eslint-plugin-react-hooks": "^4.2.0",
 33 |     "eslint-plugin-testing-library": "^3.9.2",
 34 |     "eslint-webpack-plugin": "^2.1.0",
 35 |     "file-loader": "6.1.1",
 36 |     "fs-extra": "^9.0.1",
 37 |     "html-webpack-plugin": "4.5.0",
 38 |     "identity-obj-proxy": "3.0.0",
 39 |     "jest": "26.6.0",
 40 |     "jest-circus": "26.6.0",
 41 |     "jest-resolve": "26.6.0",
 42 |     "jest-watch-typeahead": "0.6.1",
 43 |     "mini-css-extract-plugin": "0.11.3",
 44 |     "optimize-css-assets-webpack-plugin": "5.0.4",
 45 |     "pnp-webpack-plugin": "1.6.4",
 46 |     "postcss-flexbugs-fixes": "4.2.1",
 47 |     "postcss-loader": "3.0.0",
 48 |     "postcss-normalize": "8.0.1",
 49 |     "postcss-preset-env": "6.7.0",
 50 |     "postcss-safe-parser": "5.0.2",
 51 |     "prompts": "2.4.0",
 52 |     "react": "^17.0.1",
 53 |     "react-app-polyfill": "^2.0.0",
 54 |     "react-dev-utils": "^11.0.1",
 55 |     "react-dom": "^17.0.1",
 56 |     "react-refresh": "^0.8.3",
 57 |     "resolve": "1.18.1",
 58 |     "resolve-url-loader": "^3.1.2",
 59 |     "sass-loader": "8.0.2",
 60 |     "semver": "7.3.2",
 61 |     "style-loader": "1.3.0",
 62 |     "terser-webpack-plugin": "4.2.3",
 63 |     "ts-pnp": "1.2.0",
 64 |     "url-loader": "4.1.1",
 65 |     "web-vitals": "^0.2.4",
 66 |     "webpack": "4.44.2",
 67 |     "webpack-dev-server": "3.11.0",
 68 |     "webpack-manifest-plugin": "2.2.0",
 69 |     "workbox-webpack-plugin": "5.1.4"
 70 |   },
 71 |   "scripts": {
 72 |     "start": "node scripts/start.js",
 73 |     "build": "node scripts/build.js",
 74 |     "test": "node scripts/test.js"
 75 |   },
 76 |   "eslintConfig": {
 77 |     "extends": [
 78 |       "react-app",
 79 |       "react-app/jest"
 80 |     ]
 81 |   },
 82 |   "browserslist": {
 83 |     "production": [
 84 |       ">0.2%",
 85 |       "not dead",
 86 |       "not op_mini all"
 87 |     ],
 88 |     "development": [
 89 |       "last 1 chrome version",
 90 |       "last 1 firefox version",
 91 |       "last 1 safari version"
 92 |     ]
 93 |   },
 94 |   "jest": {
 95 |     "roots": [
 96 |       "<rootDir>/src"
 97 |     ],
 98 |     "collectCoverageFrom": [
 99 |       "src/**/*.{js,jsx,ts,tsx}",
100 |       "!src/**/*.d.ts"
101 |     ],
102 |     "setupFiles": [
103 |       "react-app-polyfill/jsdom"
104 |     ],
105 |     "setupFilesAfterEnv": [
106 |       "<rootDir>/src/setupTests.js"
107 |     ],
108 |     "testMatch": [
109 |       "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
110 |       "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
111 |     ],
112 |     "testEnvironment": "jsdom",
113 |     "testRunner": "/Users/wangyongqi/baidu/learn/debug-react-new/node_modules/jest-circus/runner.js",
114 |     "transform": {
115 |       "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
116 |       "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
117 |       "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
118 |     },
119 |     "transformIgnorePatterns": [
120 |       "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
121 |       "^.+\\.module\\.(css|sass|scss)$"
122 |     ],
123 |     "modulePaths": [],
124 |     "moduleNameMapper": {
125 |       "^react-native$": "react-native-web",
126 |       "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
127 |     },
128 |     "moduleFileExtensions": [
129 |       "web.js",
130 |       "js",
131 |       "web.ts",
132 |       "ts",
133 |       "web.tsx",
134 |       "tsx",
135 |       "json",
136 |       "web.jsx",
137 |       "jsx",
138 |       "node"
139 |     ],
140 |     "watchPlugins": [
141 |       "jest-watch-typeahead/filename",
142 |       "jest-watch-typeahead/testname"
143 |     ],
144 |     "resetMocks": true
145 |   },
146 |   "babel": {
147 |     "presets": [
148 |       "react-app"
149 |     ]
150 |   },
151 |   "devDependencies": {
152 |     "@babel/plugin-syntax-jsx": "^7.12.1",
153 |     "eslint-plugin-no-for-of-loops": "^1.0.1"
154 |   }
155 | }
156 | 


--------------------------------------------------------------------------------
/scripts/start.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'development';
  5 | process.env.NODE_ENV = 'development';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | // Ensure environment variables are read.
 15 | require('../config/env');
 16 | 
 17 | 
 18 | const fs = require('fs');
 19 | const chalk = require('react-dev-utils/chalk');
 20 | const webpack = require('webpack');
 21 | const WebpackDevServer = require('webpack-dev-server');
 22 | const clearConsole = require('react-dev-utils/clearConsole');
 23 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 24 | const {
 25 |   choosePort,
 26 |   createCompiler,
 27 |   prepareProxy,
 28 |   prepareUrls,
 29 | } = require('react-dev-utils/WebpackDevServerUtils');
 30 | const openBrowser = require('react-dev-utils/openBrowser');
 31 | const semver = require('semver');
 32 | const paths = require('../config/paths');
 33 | const configFactory = require('../config/webpack.config');
 34 | const createDevServerConfig = require('../config/webpackDevServer.config');
 35 | const getClientEnvironment = require('../config/env');
 36 | const react = require(require.resolve('react', { paths: [paths.appPath] }));
 37 | 
 38 | const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
 39 | const useYarn = fs.existsSync(paths.yarnLockFile);
 40 | const isInteractive = process.stdout.isTTY;
 41 | 
 42 | // Warn and crash if required files are missing
 43 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 44 |   process.exit(1);
 45 | }
 46 | 
 47 | // Tools like Cloud9 rely on this.
 48 | const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
 49 | const HOST = process.env.HOST || '0.0.0.0';
 50 | 
 51 | if (process.env.HOST) {
 52 |   console.log(
 53 |     chalk.cyan(
 54 |       `Attempting to bind to HOST environment variable: ${chalk.yellow(
 55 |         chalk.bold(process.env.HOST)
 56 |       )}`
 57 |     )
 58 |   );
 59 |   console.log(
 60 |     `If this was unintentional, check that you haven't mistakenly set it in your shell.`
 61 |   );
 62 |   console.log(
 63 |     `Learn more here: ${chalk.yellow('https://cra.link/advanced-config')}`
 64 |   );
 65 |   console.log();
 66 | }
 67 | 
 68 | // We require that you explicitly set browsers and do not fall back to
 69 | // browserslist defaults.
 70 | const { checkBrowsers } = require('react-dev-utils/browsersHelper');
 71 | checkBrowsers(paths.appPath, isInteractive)
 72 |   .then(() => {
 73 |     // We attempt to use the default port but if it is busy, we offer the user to
 74 |     // run on a different port. `choosePort()` Promise resolves to the next free port.
 75 |     return choosePort(HOST, DEFAULT_PORT);
 76 |   })
 77 |   .then(port => {
 78 |     if (port == null) {
 79 |       // We have not found a port.
 80 |       return;
 81 |     }
 82 | 
 83 |     const config = configFactory('development');
 84 |     const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 85 |     const appName = require(paths.appPackageJson).name;
 86 | 
 87 |     const useTypeScript = fs.existsSync(paths.appTsConfig);
 88 |     const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
 89 |     const urls = prepareUrls(
 90 |       protocol,
 91 |       HOST,
 92 |       port,
 93 |       paths.publicUrlOrPath.slice(0, -1)
 94 |     );
 95 |     const devSocket = {
 96 |       warnings: warnings =>
 97 |         devServer.sockWrite(devServer.sockets, 'warnings', warnings),
 98 |       errors: errors =>
 99 |         devServer.sockWrite(devServer.sockets, 'errors', errors),
100 |     };
101 |     // Create a webpack compiler that is configured with custom messages.
102 |     const compiler = createCompiler({
103 |       appName,
104 |       config,
105 |       devSocket,
106 |       urls,
107 |       useYarn,
108 |       useTypeScript,
109 |       tscCompileOnError,
110 |       webpack,
111 |     });
112 |     // Load proxy config
113 |     const proxySetting = require(paths.appPackageJson).proxy;
114 |     const proxyConfig = prepareProxy(
115 |       proxySetting,
116 |       paths.appPublic,
117 |       paths.publicUrlOrPath
118 |     );
119 |     // Serve webpack assets generated by the compiler over a web server.
120 |     const serverConfig = createDevServerConfig(
121 |       proxyConfig,
122 |       urls.lanUrlForConfig
123 |     );
124 |     const devServer = new WebpackDevServer(compiler, serverConfig);
125 |     // Launch WebpackDevServer.
126 |     devServer.listen(port, HOST, err => {
127 |       if (err) {
128 |         return console.log(err);
129 |       }
130 |       if (isInteractive) {
131 |         clearConsole();
132 |       }
133 | 
134 |       if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
135 |         console.log(
136 |           chalk.yellow(
137 |             `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
138 |           )
139 |         );
140 |       }
141 | 
142 |       console.log(chalk.cyan('Starting the development server...\n'));
143 |       openBrowser(urls.localUrlForBrowser);
144 |     });
145 | 
146 |     ['SIGINT', 'SIGTERM'].forEach(function (sig) {
147 |       process.on(sig, function () {
148 |         devServer.close();
149 |         process.exit();
150 |       });
151 |     });
152 | 
153 |     if (process.env.CI !== 'true') {
154 |       // Gracefully exit when stdin ends
155 |       process.stdin.on('end', function () {
156 |         devServer.close();
157 |         process.exit();
158 |       });
159 |     }
160 |   })
161 |   .catch(err => {
162 |     if (err && err.message) {
163 |       console.log(err.message);
164 |     }
165 |     process.exit(1);
166 |   });
167 | 


--------------------------------------------------------------------------------
/config/webpackDevServer.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const fs = require('fs');
  4 | const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
  5 | const evalSourceMapMiddleware = require('react-dev-utils/evalSourceMapMiddleware');
  6 | const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
  7 | const ignoredFiles = require('react-dev-utils/ignoredFiles');
  8 | const redirectServedPath = require('react-dev-utils/redirectServedPathMiddleware');
  9 | const paths = require('./paths');
 10 | const getHttpsConfig = require('./getHttpsConfig');
 11 | 
 12 | const host = process.env.HOST || '0.0.0.0';
 13 | const sockHost = process.env.WDS_SOCKET_HOST;
 14 | const sockPath = process.env.WDS_SOCKET_PATH; // default: '/sockjs-node'
 15 | const sockPort = process.env.WDS_SOCKET_PORT;
 16 | 
 17 | module.exports = function (proxy, allowedHost) {
 18 |   return {
 19 |     // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
 20 |     // websites from potentially accessing local content through DNS rebinding:
 21 |     // https://github.com/webpack/webpack-dev-server/issues/887
 22 |     // https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
 23 |     // However, it made several existing use cases such as development in cloud
 24 |     // environment or subdomains in development significantly more complicated:
 25 |     // https://github.com/facebook/create-react-app/issues/2271
 26 |     // https://github.com/facebook/create-react-app/issues/2233
 27 |     // While we're investigating better solutions, for now we will take a
 28 |     // compromise. Since our WDS configuration only serves files in the `public`
 29 |     // folder we won't consider accessing them a vulnerability. However, if you
 30 |     // use the `proxy` feature, it gets more dangerous because it can expose
 31 |     // remote code execution vulnerabilities in backends like Django and Rails.
 32 |     // So we will disable the host check normally, but enable it if you have
 33 |     // specified the `proxy` setting. Finally, we let you override it if you
 34 |     // really know what you're doing with a special environment variable.
 35 |     disableHostCheck:
 36 |       !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
 37 |     // Enable gzip compression of generated files.
 38 |     compress: true,
 39 |     // Silence WebpackDevServer's own logs since they're generally not useful.
 40 |     // It will still show compile warnings and errors with this setting.
 41 |     clientLogLevel: 'none',
 42 |     // By default WebpackDevServer serves physical files from current directory
 43 |     // in addition to all the virtual build products that it serves from memory.
 44 |     // This is confusing because those files won’t automatically be available in
 45 |     // production build folder unless we copy them. However, copying the whole
 46 |     // project directory is dangerous because we may expose sensitive files.
 47 |     // Instead, we establish a convention that only files in `public` directory
 48 |     // get served. Our build script will copy `public` into the `build` folder.
 49 |     // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
 50 |     // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
 51 |     // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
 52 |     // Note that we only recommend to use `public` folder as an escape hatch
 53 |     // for files like `favicon.ico`, `manifest.json`, and libraries that are
 54 |     // for some reason broken when imported through webpack. If you just want to
 55 |     // use an image, put it in `src` and `import` it from JavaScript instead.
 56 |     contentBase: paths.appPublic,
 57 |     contentBasePublicPath: paths.publicUrlOrPath,
 58 |     // By default files from `contentBase` will not trigger a page reload.
 59 |     watchContentBase: true,
 60 |     // Enable hot reloading server. It will provide WDS_SOCKET_PATH endpoint
 61 |     // for the WebpackDevServer client so it can learn when the files were
 62 |     // updated. The WebpackDevServer client is included as an entry point
 63 |     // in the webpack development configuration. Note that only changes
 64 |     // to CSS are currently hot reloaded. JS changes will refresh the browser.
 65 |     hot: true,
 66 |     // Use 'ws' instead of 'sockjs-node' on server since we're using native
 67 |     // websockets in `webpackHotDevClient`.
 68 |     transportMode: 'ws',
 69 |     // Prevent a WS client from getting injected as we're already including
 70 |     // `webpackHotDevClient`.
 71 |     injectClient: false,
 72 |     // Enable custom sockjs pathname for websocket connection to hot reloading server.
 73 |     // Enable custom sockjs hostname, pathname and port for websocket connection
 74 |     // to hot reloading server.
 75 |     sockHost,
 76 |     sockPath,
 77 |     sockPort,
 78 |     // It is important to tell WebpackDevServer to use the same "publicPath" path as
 79 |     // we specified in the webpack config. When homepage is '.', default to serving
 80 |     // from the root.
 81 |     // remove last slash so user can land on `/test` instead of `/test/`
 82 |     publicPath: paths.publicUrlOrPath.slice(0, -1),
 83 |     // WebpackDevServer is noisy by default so we emit custom message instead
 84 |     // by listening to the compiler events with `compiler.hooks[...].tap` calls above.
 85 |     quiet: true,
 86 |     // Reportedly, this avoids CPU overload on some systems.
 87 |     // https://github.com/facebook/create-react-app/issues/293
 88 |     // src/node_modules is not ignored to support absolute imports
 89 |     // https://github.com/facebook/create-react-app/issues/1065
 90 |     watchOptions: {
 91 |       ignored: ignoredFiles(paths.appSrc),
 92 |     },
 93 |     https: getHttpsConfig(),
 94 |     host,
 95 |     overlay: false,
 96 |     historyApiFallback: {
 97 |       // Paths with dots should still use the history fallback.
 98 |       // See https://github.com/facebook/create-react-app/issues/387.
 99 |       disableDotRule: true,
100 |       index: paths.publicUrlOrPath,
101 |     },
102 |     public: allowedHost,
103 |     // `proxy` is run between `before` and `after` `webpack-dev-server` hooks
104 |     proxy,
105 |     before(app, server) {
106 |       // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
107 |       // middlewares before `redirectServedPath` otherwise will not have any effect
108 |       // This lets us fetch source contents from webpack for the error overlay
109 |       app.use(evalSourceMapMiddleware(server));
110 |       // This lets us open files from the runtime error overlay.
111 |       app.use(errorOverlayMiddleware());
112 | 
113 |       if (fs.existsSync(paths.proxySetup)) {
114 |         // This registers user provided middleware for proxy reasons
115 |         require(paths.proxySetup)(app);
116 |       }
117 |     },
118 |     after(app) {
119 |       // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
120 |       app.use(redirectServedPath(paths.publicUrlOrPath));
121 | 
122 |       // This service worker file is effectively a 'no-op' that will reset any
123 |       // previous service worker registered for the same host:port combination.
124 |       // We do this in development to avoid hitting the production cache if
125 |       // it used the same host and port.
126 |       // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432
127 |       app.use(noopServiceWorkerMiddleware(paths.publicUrlOrPath));
128 |     },
129 |   };
130 | };
131 | 


--------------------------------------------------------------------------------
/scripts/build.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'production';
  5 | process.env.NODE_ENV = 'production';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | // Ensure environment variables are read.
 15 | require('../config/env');
 16 | 
 17 | 
 18 | const path = require('path');
 19 | const chalk = require('react-dev-utils/chalk');
 20 | const fs = require('fs-extra');
 21 | const bfj = require('bfj');
 22 | const webpack = require('webpack');
 23 | const configFactory = require('../config/webpack.config');
 24 | const paths = require('../config/paths');
 25 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 26 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 27 | const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 28 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 29 | const printBuildError = require('react-dev-utils/printBuildError');
 30 | 
 31 | const measureFileSizesBeforeBuild =
 32 |   FileSizeReporter.measureFileSizesBeforeBuild;
 33 | const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 34 | const useYarn = fs.existsSync(paths.yarnLockFile);
 35 | 
 36 | // These sizes are pretty large. We'll warn for bundles exceeding them.
 37 | const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 38 | const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 39 | 
 40 | const isInteractive = process.stdout.isTTY;
 41 | 
 42 | // Warn and crash if required files are missing
 43 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 44 |   process.exit(1);
 45 | }
 46 | 
 47 | const argv = process.argv.slice(2);
 48 | const writeStatsJson = argv.indexOf('--stats') !== -1;
 49 | 
 50 | // Generate configuration
 51 | const config = configFactory('production');
 52 | 
 53 | // We require that you explicitly set browsers and do not fall back to
 54 | // browserslist defaults.
 55 | const { checkBrowsers } = require('react-dev-utils/browsersHelper');
 56 | checkBrowsers(paths.appPath, isInteractive)
 57 |   .then(() => {
 58 |     // First, read the current file sizes in build directory.
 59 |     // This lets us display how much they changed later.
 60 |     return measureFileSizesBeforeBuild(paths.appBuild);
 61 |   })
 62 |   .then(previousFileSizes => {
 63 |     // Remove all content but keep the directory so that
 64 |     // if you're in it, you don't end up in Trash
 65 |     fs.emptyDirSync(paths.appBuild);
 66 |     // Merge with the public folder
 67 |     copyPublicFolder();
 68 |     // Start the webpack build
 69 |     return build(previousFileSizes);
 70 |   })
 71 |   .then(
 72 |     ({ stats, previousFileSizes, warnings }) => {
 73 |       if (warnings.length) {
 74 |         console.log(chalk.yellow('Compiled with warnings.\n'));
 75 |         console.log(warnings.join('\n\n'));
 76 |         console.log(
 77 |           '\nSearch for the ' +
 78 |             chalk.underline(chalk.yellow('keywords')) +
 79 |             ' to learn more about each warning.'
 80 |         );
 81 |         console.log(
 82 |           'To ignore, add ' +
 83 |             chalk.cyan('// eslint-disable-next-line') +
 84 |             ' to the line before.\n'
 85 |         );
 86 |       } else {
 87 |         console.log(chalk.green('Compiled successfully.\n'));
 88 |       }
 89 | 
 90 |       console.log('File sizes after gzip:\n');
 91 |       printFileSizesAfterBuild(
 92 |         stats,
 93 |         previousFileSizes,
 94 |         paths.appBuild,
 95 |         WARN_AFTER_BUNDLE_GZIP_SIZE,
 96 |         WARN_AFTER_CHUNK_GZIP_SIZE
 97 |       );
 98 |       console.log();
 99 | 
100 |       const appPackage = require(paths.appPackageJson);
101 |       const publicUrl = paths.publicUrlOrPath;
102 |       const publicPath = config.output.publicPath;
103 |       const buildFolder = path.relative(process.cwd(), paths.appBuild);
104 |       printHostingInstructions(
105 |         appPackage,
106 |         publicUrl,
107 |         publicPath,
108 |         buildFolder,
109 |         useYarn
110 |       );
111 |     },
112 |     err => {
113 |       const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
114 |       if (tscCompileOnError) {
115 |         console.log(
116 |           chalk.yellow(
117 |             'Compiled with the following type errors (you may want to check these before deploying your app):\n'
118 |           )
119 |         );
120 |         printBuildError(err);
121 |       } else {
122 |         console.log(chalk.red('Failed to compile.\n'));
123 |         printBuildError(err);
124 |         process.exit(1);
125 |       }
126 |     }
127 |   )
128 |   .catch(err => {
129 |     if (err && err.message) {
130 |       console.log(err.message);
131 |     }
132 |     process.exit(1);
133 |   });
134 | 
135 | // Create the production build and print the deployment instructions.
136 | function build(previousFileSizes) {
137 |   console.log('Creating an optimized production build...');
138 | 
139 |   const compiler = webpack(config);
140 |   return new Promise((resolve, reject) => {
141 |     compiler.run((err, stats) => {
142 |       let messages;
143 |       if (err) {
144 |         if (!err.message) {
145 |           return reject(err);
146 |         }
147 | 
148 |         let errMessage = err.message;
149 | 
150 |         // Add additional information for postcss errors
151 |         if (Object.prototype.hasOwnProperty.call(err, 'postcssNode')) {
152 |           errMessage +=
153 |             '\nCompileError: Begins at CSS selector ' +
154 |             err['postcssNode'].selector;
155 |         }
156 | 
157 |         messages = formatWebpackMessages({
158 |           errors: [errMessage],
159 |           warnings: [],
160 |         });
161 |       } else {
162 |         messages = formatWebpackMessages(
163 |           stats.toJson({ all: false, warnings: true, errors: true })
164 |         );
165 |       }
166 |       if (messages.errors.length) {
167 |         // Only keep the first error. Others are often indicative
168 |         // of the same problem, but confuse the reader with noise.
169 |         if (messages.errors.length > 1) {
170 |           messages.errors.length = 1;
171 |         }
172 |         return reject(new Error(messages.errors.join('\n\n')));
173 |       }
174 |       if (
175 |         process.env.CI &&
176 |         (typeof process.env.CI !== 'string' ||
177 |           process.env.CI.toLowerCase() !== 'false') &&
178 |         messages.warnings.length
179 |       ) {
180 |         console.log(
181 |           chalk.yellow(
182 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
183 |               'Most CI servers set it automatically.\n'
184 |           )
185 |         );
186 |         return reject(new Error(messages.warnings.join('\n\n')));
187 |       }
188 | 
189 |       const resolveArgs = {
190 |         stats,
191 |         previousFileSizes,
192 |         warnings: messages.warnings,
193 |       };
194 | 
195 |       if (writeStatsJson) {
196 |         return bfj
197 |           .write(paths.appBuild + '/bundle-stats.json', stats.toJson())
198 |           .then(() => resolve(resolveArgs))
199 |           .catch(error => reject(new Error(error)));
200 |       }
201 | 
202 |       return resolve(resolveArgs);
203 |     });
204 |   });
205 | }
206 | 
207 | function copyPublicFolder() {
208 |   fs.copySync(paths.appPublic, paths.appBuild, {
209 |     dereference: true,
210 |     filter: file => file !== paths.appHtml,
211 |   });
212 | }
213 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | [TOC]
  2 | 
  3 | 工欲善其事，必先利其器。
  4 | 
  5 | 在学习raect源码时，如果能够在浏览器中单步调试，势必会加深理解。其实可以借助webpack的resolve.alias将react等指向本地的目录，这样就不会使用node_modules中的react包。
  6 | 从而可以在本地调试react源码。
  7 | ### 本地调试react源码步骤
  8 | #### 1. 生成react项目
  9 | 可以直接基于react cra cli生成项目，也可以自己基于react,webpack搭建环境，具体可以参考https://github.com/bozhouyongqi/react-redux-demo项目。下述主要针对使用cra的项目。
 10 | #### 2. yarn run eject 暴露出webpack配置
 11 | 这一步没有没什么，可以看到会生成config目录，里面包括webpack的配置文件和一些环境定义。但是很不幸，运行yarn run start会编译失败。出现下述错误。
 12 | ```
 13 | Failed to compile.
 14 | 
 15 | ./src/index.js
 16 | Error: [BABEL] /xxx/debug-react-new/src/index.js: Cannot find module '@babel/plugin-syntax-jsx' (While processing: "xxx/debug-react-new/node_modules/babel-preset-react-app/index.js")
 17 | ```
 18 | 
 19 | 意思是缺少@babel/plugin-syntax-jsx这个模块，那直接安装就行。
 20 | 
 21 | ```
 22 | yarn add @babel/plugin-syntax-jsx -D
 23 | ```
 24 | 之后再运行，就可以顺利启动项目了。
 25 | ```
 26 | Compiled successfully!
 27 | 
 28 | You can now view debug-react-new in the browser.
 29 | 
 30 |   Local:            http://localhost:3000
 31 |   On Your Network:  http://192.168.0.103:3000
 32 | 
 33 | Note that the development build is not optimized.
 34 | To create a production build, use yarn build.
 35 | ```
 36 | 
 37 | #### 3.清理src目录
 38 | 删除测试以及其他文件，只保留App等业务组件。并去除相关引用。
 39 | 
 40 | #### 4.clone react源码至src目录下
 41 | 这里使用git submodule命令引入react源码作为子模块，以方便后续代码单独管理。
 42 | 
 43 | 进入src目录，执行 git submodule add git@github.com:facebook/react.git。
 44 | 
 45 | 克隆之后，就可以在src/react中正常切换分支，而不影响主工程。我这里使用v16.13.1版本，因此可以切换至具体的tag.
 46 | 
 47 | git checkout tags/v16.13.1 -b v16.13.1
 48 | 
 49 | #### 5.修改webpack.config.js添加alias配置
 50 | 
 51 | 注释掉原先的alias配置，添加新的，将react等指向本地
 52 | ```
 53 | alias: {
 54 |     'react': path.resolve(__dirname, '../src/react/packages/react'),
 55 |     'react-dom': path.resolve(__dirname, '../src/react/packages/react-dom'),
 56 |     'shared': path.resolve(__dirname, '../src/react/packages/shared'),
 57 |     'react-reconciler': path.resolve(__dirname, '../src/react/packages/react-reconciler'),
 58 |     "legacy-events": path.resolve(__dirname, "../src/react/packages/legacy-events"),
 59 |     // 'react-events': path.resolve(__dirname, '../src/react/packages/events'),
 60 |     // scheduler: path.resolve(__dirname, "../src/react/packages/scheduler"),
 61 | },
 62 | ```
 63 | 
 64 | 然后再运行项目，发现会出现如下错误。
 65 | ```
 66 | Failed to compile.
 67 | 
 68 | ./src/packages/react-reconciler/src/ReactFiberDeprecatedEvents.js
 69 | Attempted import error: 'DEPRECATED_mountResponderInstance' is not exported from './ReactFiberHostConfig'.
 70 | ```
 71 | 
 72 | #### 6.修改ReactFiberHostConfig文件
 73 | 修改成如下
 74 | ```
 75 | // We expect that our Rollup, Jest, and Flow configurations
 76 | // always shim this module with the corresponding host config
 77 | // (either provided by a renderer, or a generic shim for npm).
 78 | //
 79 | // We should never resolve to this file, but it exists to make
 80 | // sure that if we *do* accidentally break the configuration,
 81 | // the failure isn't silent.
 82 | 
 83 | // invariant(false, 'This module must be shimmed by a specific renderer.');
 84 | 
 85 | export * from './forks/ReactFiberHostConfig.dom';
 86 | ```
 87 | 
 88 | 从注释中可以看出，这个文件实际上react并不会直接引入，会被打包工具依赖相应的宿主环境替换掉。
 89 | 
 90 | 之后再启动项目，发现会报如下错误
 91 | ```
 92 | Failed to compile.
 93 | 
 94 | ./src/index.js
 95 | Attempted import error: 'react' does not contain a default export (imported as 'React').
 96 | ```
 97 | 
 98 | #### 7.修改react引用方式
 99 | 出现上述错误，到源码中查看源码，发现/debug-react-new/src/packages/react/index.js中确实没有默认导出。但是必须保证业务组件中要引入React，因为组件需要用babel-jsx插件进行转换(即使用React.createElement方法)。因此可以添加一个中间模块文件，来适配该问题。
100 | 
101 | adaptation.js
102 | ```
103 | import * as React from 'react';
104 | import * as ReactDOM from 'react-dom';
105 | 
106 | export {
107 |     React,
108 |     ReactDOM
109 | };
110 | ```
111 | 之后在业务组件中从adaptation引入React和ReactDOM。
112 | 
113 | 这一步之后，还是会出现新错误。
114 | 
115 | ```
116 | Failed to compile.
117 | 
118 | Failed to load config "fbjs" to extend from.
119 | Referenced from: /xxx/baidu/learn/debug-react-new/src/react/.eslintrc.js
120 | ```
121 | 
122 | #### 8.关闭ESlint对fbjs,prettier插件的扩展
123 | 清空react源码项目下.eslintrc文件中的extends选项
124 | ```
125 | extends: [
126 |     'fbjs',
127 |     'prettier'
128 |   ],
129 | 改为extends:[]
130 | ```
131 | 
132 | 依然会继续报错:
133 | ```
134 | Failed to compile.
135 | 
136 | Failed to load plugin 'no-for-of-loops' declared in 'src/react/.eslintrc.js': Cannot find module 'eslint-plugin-no-for-of-loops'
137 | Require stack:
138 | - /xxx/learn/debug-react-new/config/__placeholder__.js
139 | ```
140 | 
141 | #### 9.安装eslint-plugin-no-for-of-loops插件
142 | 
143 | yarn add eslint-plugin-no-for-of-loops -D
144 | 
145 | 继续报错：
146 | ```
147 | Failed to compile.
148 | 
149 | ./src/react/packages/react-reconciler/src/ReactFiberWorkLoop.js
150 | Attempted import error: 'unstable_flushAllWithoutAsserting' is not exported from 'scheduler' (imported as 'Scheduler').
151 | ```
152 | 
153 | #### 10.修改scheduler/index.js文件
154 | 
155 | /src/react/packages/scheduler/index.js 修改为
156 | 
157 | ```
158 | 'use strict';
159 | 
160 | export * from './src/Scheduler';
161 | 
162 | //添加以下
163 | export {
164 |     unstable_flushAllWithoutAsserting,
165 |     unstable_flushNumberOfYields,
166 |     unstable_flushExpired,
167 |     unstable_clearYields,
168 |     unstable_flushUntilNextPaint,
169 |     unstable_flushAll,
170 |     unstable_yieldValue,
171 |     unstable_advanceTime
172 | } from './src/SchedulerHostConfig.js';
173 | ```
174 | 
175 | react/packages/scheduler/src/SchedulerHostConfig.js 修改为
176 | 
177 | ```
178 | 
179 | // throw new Error('This module must be shimmed by a specific build.');
180 | 
181 | // 添加以下
182 | export {
183 |     unstable_flushAllWithoutAsserting,
184 |     unstable_flushNumberOfYields,
185 |     unstable_flushExpired,
186 |     unstable_clearYields,
187 |     unstable_flushUntilNextPaint,
188 |     unstable_flushAll,
189 |     unstable_yieldValue,
190 |     unstable_advanceTime
191 |   } from './forks/SchedulerHostConfig.mock.js';
192 |   
193 |   export {
194 |     requestHostCallback,
195 |     requestHostTimeout,
196 |     cancelHostTimeout,
197 |     shouldYieldToHost,
198 |     getCurrentTime,
199 |     forceFrameRate,
200 |     requestPaint
201 |   } from './forks/SchedulerHostConfig.default.js';
202 | ```
203 | 
204 | 继续出现错误
205 | ```
206 | Failed to compile.
207 | 
208 | Failed to load plugin 'react-internal' declared in 'src/react/.eslintrc.js': Cannot find module 'eslint-plugin-react-internal'
209 | Require stack:
210 | - /xxx/learn/debug-react-new/config/__placeholder__.js
211 | ```
212 | 
213 | #### 11.解决react-internal错误
214 | 这是react在本地安装的，在源码的package中可以看到。但是安装之后依然会报错，这里决定删除这个插件，不进行安装。在debug-react-new/src/react/.eslintrc.js 中的plugins中将其删除。
215 | 
216 | 下面是安装本地react-internals。笔者这里没有安装，直接不使用该插件。
217 | ```
218 | yarn add link:./src/react/scripts/eslint-rules -D
219 | ```
220 | 
221 | 删除这个插件之后，还是报错：
222 | ```
223 | Failed to compile.
224 | 
225 | ./src/index.js
226 | Module not found: Can't resolve 'react/jsx-dev-runtime' in '/xxx/learn/debug-react-new/src'
227 | ```
228 | 
229 | > 8-11中的错误都是react eslint中的错误，可以试试在webpack.config.js中删除eslint插件。
230 | 
231 | #### 12.修复react/jsx-dev-runtime报错
232 | 
233 | 在webpack-config.js中可以看到hasJsxRuntime变量的取值过程，直接在函数中返回false.
234 | 
235 | 修改完之后，会报一些react-internal有关的错误。
236 | 
237 | ```
238 | Line 1:1:  Definition for rule 'react-internal/no-to-warn-dev-within-to-throw' was not found  react-internal/no-to-warn-dev-within-to-throw
239 |   Line 1:1:  Definition for rule 'react-internal/invariant-args' was not found                  react-internal/invariant-args
240 |   Line 1:1:  Definition for rule 'react-internal/warning-args' was not found                    react-internal/warning-args
241 |   Line 1:1:  Definition for rule 'react-internal/no-production-logging' was not found           react-internal/no-production-logging
242 | 
243 | src/react/packages/react-dom/src/shared/validAriaProperties.js
244 |   Line 1:1:  Definition for rule 'react-internal/no-primitive-constructors' was not found       react-internal/no-primitive-constructors
245 |   Line 1:1:  Definition for rule 'react-internal/no-to-warn-dev-within-to-throw' was not found  react-internal/no-to-warn-dev-within-to-throw
246 |   Line 1:1:
247 | ```
248 | 
249 | 可以到/xxx/learn/debug-react-new/src/react/.eslintrc.js中将react-internal相关的规则都注释掉。
250 | 
251 | 可以看到会继续报如下错误：
252 | 
253 | ```
254 | Failed to compile.
255 | 
256 | src/react/packages/react-dom/src/client/ReactDOM.js
257 |   Line 241:9:  Definition for rule 'react-internal/no-production-logging' was not found  react-internal/no-production-logging
258 | 
259 | src/react/packages/react-reconciler/src/ReactFiberHostConfig.js
260 |   Line 10:1:  Definition for rule 'react-internal/invariant-args' was not found  react-internal/invariant-args
261 |   Line 12:8:  'invariant' is defined but never used                              no-unused-vars
262 | 
263 | src/react/packages/react-reconciler/src/ReactFiberReconciler.js
264 |   Line 584:7:  Definition for rule 'react-internal/no-production-logging' was not found  react-internal/no-production-logging
265 | 
266 | ```
267 | 
268 | 可以到对应的文件中将eslint注释删除掉。
269 | 
270 | 至此，命令行中不会报错误了。但是浏览器中会报错误，提示__DEV__没有定义。这个简单了，在DefinePlugin中定义就行。
271 | 
272 | #### 13.设置DefinePlugin插件
273 | 在/xxx/learn/debug-react-new/config/env.js中添加:
274 | ```
275 | const stringified = {
276 |     'process.env': Object.keys(raw).reduce((env, key) => {
277 |       env[key] = JSON.stringify(raw[key]);
278 |       return env;
279 |     }, {}),
280 |     "__DEV__": true,
281 |     "__PROFILE__": true,
282 |     "__UMD__": true,
283 |     "__EXPERIMENTAL__": true
284 | };
285 | ```
286 | 
287 | 浏览器中还是会报错：
288 | ```
289 | Uncaught Error: Internal React error: invariant() is meant to be replaced at compile time. There is no runtime version.
290 | ```
291 | 
292 | #### 14.修改invariant.js
293 | /xxx/debug-react-new/src/react/packages/shared/invariant.js
294 | 
295 | ```
296 | export default function invariant(condition, format, a, b, c, d, e, f) {
297 | 
298 |     if (condition) {
299 |         return;
300 |     }
301 |   throw new Error(
302 |     'Internal React error: invariant() is meant to be replaced at compile ' +
303 |       'time. There is no runtime version.',
304 |   );
305 | }
306 | ```
307 | 
308 | 至此，大功告成，终于没有错误了。后面就可以针对源码进行断点调试或者打日志了。
309 | 
310 | 
311 | 


--------------------------------------------------------------------------------
/config/webpack.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const fs = require('fs');
  4 | const path = require('path');
  5 | const webpack = require('webpack');
  6 | const resolve = require('resolve');
  7 | const PnpWebpackPlugin = require('pnp-webpack-plugin');
  8 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  9 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 10 | const InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin');
 11 | const TerserPlugin = require('terser-webpack-plugin');
 12 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 13 | const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 14 | const safePostCssParser = require('postcss-safe-parser');
 15 | const ManifestPlugin = require('webpack-manifest-plugin');
 16 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 17 | const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
 18 | const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
 19 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 20 | const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
 21 | const ESLintPlugin = require('eslint-webpack-plugin');
 22 | const paths = require('./paths');
 23 | const modules = require('./modules');
 24 | const getClientEnvironment = require('./env');
 25 | const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
 26 | const ForkTsCheckerWebpackPlugin = require('react-dev-utils/ForkTsCheckerWebpackPlugin');
 27 | const typescriptFormatter = require('react-dev-utils/typescriptFormatter');
 28 | const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 29 | 
 30 | const postcssNormalize = require('postcss-normalize');
 31 | 
 32 | const appPackageJson = require(paths.appPackageJson);
 33 | 
 34 | // Source maps are resource heavy and can cause out of memory issue for large source files.
 35 | const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 36 | 
 37 | const webpackDevClientEntry = require.resolve(
 38 |   'react-dev-utils/webpackHotDevClient'
 39 | );
 40 | const reactRefreshOverlayEntry = require.resolve(
 41 |   'react-dev-utils/refreshOverlayInterop'
 42 | );
 43 | 
 44 | // Some apps do not need the benefits of saving a web request, so not inlining the chunk
 45 | // makes for a smoother build process.
 46 | const shouldInlineRuntimeChunk = process.env.INLINE_RUNTIME_CHUNK !== 'false';
 47 | 
 48 | const imageInlineSizeLimit = parseInt(
 49 |   process.env.IMAGE_INLINE_SIZE_LIMIT || '10000'
 50 | );
 51 | 
 52 | // Check if TypeScript is setup
 53 | const useTypeScript = fs.existsSync(paths.appTsConfig);
 54 | 
 55 | // Get the path to the uncompiled service worker (if it exists).
 56 | const swSrc = paths.swSrc;
 57 | 
 58 | // style files regexes
 59 | const cssRegex = /\.css$/;
 60 | const cssModuleRegex = /\.module\.css$/;
 61 | const sassRegex = /\.(scss|sass)$/;
 62 | const sassModuleRegex = /\.module\.(scss|sass)$/;
 63 | 
 64 | const hasJsxRuntime = (() => {
 65 |     return false;
 66 |   if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
 67 |     return false;
 68 |   }
 69 | 
 70 |   try {
 71 |     require.resolve('react/jsx-runtime');
 72 |     return true;
 73 |   } catch (e) {
 74 |     return false;
 75 |   }
 76 | })();
 77 | 
 78 | // This is the production and development configuration.
 79 | // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 80 | module.exports = function (webpackEnv) {
 81 |   const isEnvDevelopment = webpackEnv === 'development';
 82 |   const isEnvProduction = webpackEnv === 'production';
 83 | 
 84 |   // Variable used for enabling profiling in Production
 85 |   // passed into alias object. Uses a flag if passed into the build command
 86 |   const isEnvProductionProfile =
 87 |     isEnvProduction && process.argv.includes('--profile');
 88 | 
 89 |   // We will provide `paths.publicUrlOrPath` to our app
 90 |   // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 91 |   // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
 92 |   // Get environment variables to inject into our app.
 93 |   const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
 94 | 
 95 |   const shouldUseReactRefresh = env.raw.FAST_REFRESH;
 96 | 
 97 |   // common function to get style loaders
 98 |   const getStyleLoaders = (cssOptions, preProcessor) => {
 99 |     const loaders = [
100 |       isEnvDevelopment && require.resolve('style-loader'),
101 |       isEnvProduction && {
102 |         loader: MiniCssExtractPlugin.loader,
103 |         // css is located in `static/css`, use '../../' to locate index.html folder
104 |         // in production `paths.publicUrlOrPath` can be a relative path
105 |         options: paths.publicUrlOrPath.startsWith('.')
106 |           ? { publicPath: '../../' }
107 |           : {},
108 |       },
109 |       {
110 |         loader: require.resolve('css-loader'),
111 |         options: cssOptions,
112 |       },
113 |       {
114 |         // Options for PostCSS as we reference these options twice
115 |         // Adds vendor prefixing based on your specified browser support in
116 |         // package.json
117 |         loader: require.resolve('postcss-loader'),
118 |         options: {
119 |           // Necessary for external CSS imports to work
120 |           // https://github.com/facebook/create-react-app/issues/2677
121 |           ident: 'postcss',
122 |           plugins: () => [
123 |             require('postcss-flexbugs-fixes'),
124 |             require('postcss-preset-env')({
125 |               autoprefixer: {
126 |                 flexbox: 'no-2009',
127 |               },
128 |               stage: 3,
129 |             }),
130 |             // Adds PostCSS Normalize as the reset css with default options,
131 |             // so that it honors browserslist config in package.json
132 |             // which in turn let's users customize the target behavior as per their needs.
133 |             postcssNormalize(),
134 |           ],
135 |           sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,
136 |         },
137 |       },
138 |     ].filter(Boolean);
139 |     if (preProcessor) {
140 |       loaders.push(
141 |         {
142 |           loader: require.resolve('resolve-url-loader'),
143 |           options: {
144 |             sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,
145 |             root: paths.appSrc,
146 |           },
147 |         },
148 |         {
149 |           loader: require.resolve(preProcessor),
150 |           options: {
151 |             sourceMap: true,
152 |           },
153 |         }
154 |       );
155 |     }
156 |     return loaders;
157 |   };
158 | 
159 |   return {
160 |     mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
161 |     // Stop compilation early in production
162 |     bail: isEnvProduction,
163 |     devtool: isEnvProduction
164 |       ? shouldUseSourceMap
165 |         ? 'source-map'
166 |         : false
167 |       : isEnvDevelopment && 'cheap-module-source-map',
168 |     // These are the "entry points" to our application.
169 |     // This means they will be the "root" imports that are included in JS bundle.
170 |     entry:
171 |       isEnvDevelopment && !shouldUseReactRefresh
172 |         ? [
173 |             // Include an alternative client for WebpackDevServer. A client's job is to
174 |             // connect to WebpackDevServer by a socket and get notified about changes.
175 |             // When you save a file, the client will either apply hot updates (in case
176 |             // of CSS changes), or refresh the page (in case of JS changes). When you
177 |             // make a syntax error, this client will display a syntax error overlay.
178 |             // Note: instead of the default WebpackDevServer client, we use a custom one
179 |             // to bring better experience for Create React App users. You can replace
180 |             // the line below with these two lines if you prefer the stock client:
181 |             //
182 |             // require.resolve('webpack-dev-server/client') + '?/',
183 |             // require.resolve('webpack/hot/dev-server'),
184 |             //
185 |             // When using the experimental react-refresh integration,
186 |             // the webpack plugin takes care of injecting the dev client for us.
187 |             webpackDevClientEntry,
188 |             // Finally, this is your app's code:
189 |             paths.appIndexJs,
190 |             // We include the app code last so that if there is a runtime error during
191 |             // initialization, it doesn't blow up the WebpackDevServer client, and
192 |             // changing JS code would still trigger a refresh.
193 |           ]
194 |         : paths.appIndexJs,
195 |     output: {
196 |       // The build folder.
197 |       path: isEnvProduction ? paths.appBuild : undefined,
198 |       // Add /* filename */ comments to generated require()s in the output.
199 |       pathinfo: isEnvDevelopment,
200 |       // There will be one main bundle, and one file per asynchronous chunk.
201 |       // In development, it does not produce real files.
202 |       filename: isEnvProduction
203 |         ? 'static/js/[name].[contenthash:8].js'
204 |         : isEnvDevelopment && 'static/js/bundle.js',
205 |       // TODO: remove this when upgrading to webpack 5
206 |       futureEmitAssets: true,
207 |       // There are also additional JS chunk files if you use code splitting.
208 |       chunkFilename: isEnvProduction
209 |         ? 'static/js/[name].[contenthash:8].chunk.js'
210 |         : isEnvDevelopment && 'static/js/[name].chunk.js',
211 |       // webpack uses `publicPath` to determine where the app is being served from.
212 |       // It requires a trailing slash, or the file assets will get an incorrect path.
213 |       // We inferred the "public path" (such as / or /my-project) from homepage.
214 |       publicPath: paths.publicUrlOrPath,
215 |       // Point sourcemap entries to original disk location (format as URL on Windows)
216 |       devtoolModuleFilenameTemplate: isEnvProduction
217 |         ? info =>
218 |             path
219 |               .relative(paths.appSrc, info.absoluteResourcePath)
220 |               .replace(/\\/g, '/')
221 |         : isEnvDevelopment &&
222 |           (info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
223 |       // Prevents conflicts when multiple webpack runtimes (from different apps)
224 |       // are used on the same page.
225 |       jsonpFunction: `webpackJsonp${appPackageJson.name}`,
226 |       // this defaults to 'window', but by setting it to 'this' then
227 |       // module chunks which are built will work in web workers as well.
228 |       globalObject: 'this',
229 |     },
230 |     optimization: {
231 |       minimize: isEnvProduction,
232 |       minimizer: [
233 |         // This is only used in production mode
234 |         new TerserPlugin({
235 |           terserOptions: {
236 |             parse: {
237 |               // We want terser to parse ecma 8 code. However, we don't want it
238 |               // to apply any minification steps that turns valid ecma 5 code
239 |               // into invalid ecma 5 code. This is why the 'compress' and 'output'
240 |               // sections only apply transformations that are ecma 5 safe
241 |               // https://github.com/facebook/create-react-app/pull/4234
242 |               ecma: 8,
243 |             },
244 |             compress: {
245 |               ecma: 5,
246 |               warnings: false,
247 |               // Disabled because of an issue with Uglify breaking seemingly valid code:
248 |               // https://github.com/facebook/create-react-app/issues/2376
249 |               // Pending further investigation:
250 |               // https://github.com/mishoo/UglifyJS2/issues/2011
251 |               comparisons: false,
252 |               // Disabled because of an issue with Terser breaking valid code:
253 |               // https://github.com/facebook/create-react-app/issues/5250
254 |               // Pending further investigation:
255 |               // https://github.com/terser-js/terser/issues/120
256 |               inline: 2,
257 |             },
258 |             mangle: {
259 |               safari10: true,
260 |             },
261 |             // Added for profiling in devtools
262 |             keep_classnames: isEnvProductionProfile,
263 |             keep_fnames: isEnvProductionProfile,
264 |             output: {
265 |               ecma: 5,
266 |               comments: false,
267 |               // Turned on because emoji and regex is not minified properly using default
268 |               // https://github.com/facebook/create-react-app/issues/2488
269 |               ascii_only: true,
270 |             },
271 |           },
272 |           sourceMap: shouldUseSourceMap,
273 |         }),
274 |         // This is only used in production mode
275 |         new OptimizeCSSAssetsPlugin({
276 |           cssProcessorOptions: {
277 |             parser: safePostCssParser,
278 |             map: shouldUseSourceMap
279 |               ? {
280 |                   // `inline: false` forces the sourcemap to be output into a
281 |                   // separate file
282 |                   inline: false,
283 |                   // `annotation: true` appends the sourceMappingURL to the end of
284 |                   // the css file, helping the browser find the sourcemap
285 |                   annotation: true,
286 |                 }
287 |               : false,
288 |           },
289 |           cssProcessorPluginOptions: {
290 |             preset: ['default', { minifyFontValues: { removeQuotes: false } }],
291 |           },
292 |         }),
293 |       ],
294 |       // Automatically split vendor and commons
295 |       // https://twitter.com/wSokra/status/969633336732905474
296 |       // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
297 |       splitChunks: {
298 |         chunks: 'all',
299 |         name: false,
300 |       },
301 |       // Keep the runtime chunk separated to enable long term caching
302 |       // https://twitter.com/wSokra/status/969679223278505985
303 |       // https://github.com/facebook/create-react-app/issues/5358
304 |       runtimeChunk: {
305 |         name: entrypoint => `runtime-${entrypoint.name}`,
306 |       },
307 |     },
308 |     resolve: {
309 |       // This allows you to set a fallback for where webpack should look for modules.
310 |       // We placed these paths second because we want `node_modules` to "win"
311 |       // if there are any conflicts. This matches Node resolution mechanism.
312 |       // https://github.com/facebook/create-react-app/issues/253
313 |       modules: ['node_modules', paths.appNodeModules].concat(
314 |         modules.additionalModulePaths || []
315 |       ),
316 |       // These are the reasonable defaults supported by the Node ecosystem.
317 |       // We also include JSX as a common component filename extension to support
318 |       // some tools, although we do not recommend using it, see:
319 |       // https://github.com/facebook/create-react-app/issues/290
320 |       // `web` extension prefixes have been added for better support
321 |       // for React Native Web.
322 |       extensions: paths.moduleFileExtensions
323 |         .map(ext => `.${ext}`)
324 |         .filter(ext => useTypeScript || !ext.includes('ts')),
325 |       alias: {
326 |         'react': path.resolve(__dirname, '../src/react/packages/react'),
327 |         'react-dom': path.resolve(__dirname, '../src/react/packages/react-dom'),
328 |         'shared': path.resolve(__dirname, '../src/react/packages/shared'),
329 |         'react-reconciler': path.resolve(__dirname, '../src/react/packages/react-reconciler'),
330 |         "legacy-events": path.resolve(__dirname, "../src/react/packages/legacy-events"),
331 |         // 'react-events': path.resolve(__dirname, '../src/react/packages/events'),
332 |         // scheduler: path.resolve(__dirname, "../src/react/packages/scheduler"),
333 |       },
334 |       plugins: [
335 |         // Adds support for installing with Plug'n'Play, leading to faster installs and adding
336 |         // guards against forgotten dependencies and such.
337 |         PnpWebpackPlugin,
338 |         // Prevents users from importing files from outside of src/ (or node_modules/).
339 |         // This often causes confusion because we only process files within src/ with babel.
340 |         // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
341 |         // please link the files into your node_modules/ and let module-resolution kick in.
342 |         // Make sure your source files are compiled, as they will not be processed in any way.
343 |         new ModuleScopePlugin(paths.appSrc, [
344 |           paths.appPackageJson,
345 |           reactRefreshOverlayEntry,
346 |         ]),
347 |       ],
348 |     },
349 |     resolveLoader: {
350 |       plugins: [
351 |         // Also related to Plug'n'Play, but this time it tells webpack to load its loaders
352 |         // from the current package.
353 |         PnpWebpackPlugin.moduleLoader(module),
354 |       ],
355 |     },
356 |     module: {
357 |       strictExportPresence: true,
358 |       rules: [
359 |         // Disable require.ensure as it's not a standard language feature.
360 |         { parser: { requireEnsure: false } },
361 |         {
362 |           // "oneOf" will traverse all following loaders until one will
363 |           // match the requirements. When no loader matches it will fall
364 |           // back to the "file" loader at the end of the loader list.
365 |           oneOf: [
366 |             // TODO: Merge this config once `image/avif` is in the mime-db
367 |             // https://github.com/jshttp/mime-db
368 |             {
369 |               test: [/\.avif$/],
370 |               loader: require.resolve('url-loader'),
371 |               options: {
372 |                 limit: imageInlineSizeLimit,
373 |                 mimetype: 'image/avif',
374 |                 name: 'static/media/[name].[hash:8].[ext]',
375 |               },
376 |             },
377 |             // "url" loader works like "file" loader except that it embeds assets
378 |             // smaller than specified limit in bytes as data URLs to avoid requests.
379 |             // A missing `test` is equivalent to a match.
380 |             {
381 |               test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
382 |               loader: require.resolve('url-loader'),
383 |               options: {
384 |                 limit: imageInlineSizeLimit,
385 |                 name: 'static/media/[name].[hash:8].[ext]',
386 |               },
387 |             },
388 |             // Process application JS with Babel.
389 |             // The preset includes JSX, Flow, TypeScript, and some ESnext features.
390 |             {
391 |               test: /\.(js|mjs|jsx|ts|tsx)$/,
392 |               include: paths.appSrc,
393 |               loader: require.resolve('babel-loader'),
394 |               options: {
395 |                 customize: require.resolve(
396 |                   'babel-preset-react-app/webpack-overrides'
397 |                 ),
398 |                 presets: [
399 |                   [
400 |                     require.resolve('babel-preset-react-app'),
401 |                     {
402 |                       runtime: hasJsxRuntime ? 'automatic' : 'classic',
403 |                     },
404 |                   ],
405 |                 ],
406 |                 
407 |                 plugins: [
408 |                   [
409 |                     require.resolve('babel-plugin-named-asset-import'),
410 |                     {
411 |                       loaderMap: {
412 |                         svg: {
413 |                           ReactComponent:
414 |                             '@svgr/webpack?-svgo,+titleProp,+ref![path]',
415 |                         },
416 |                       },
417 |                     },
418 |                   ],
419 |                   isEnvDevelopment &&
420 |                     shouldUseReactRefresh &&
421 |                     require.resolve('react-refresh/babel'),
422 |                 ].filter(Boolean),
423 |                 // This is a feature of `babel-loader` for webpack (not Babel itself).
424 |                 // It enables caching results in ./node_modules/.cache/babel-loader/
425 |                 // directory for faster rebuilds.
426 |                 cacheDirectory: true,
427 |                 // See #6846 for context on why cacheCompression is disabled
428 |                 cacheCompression: false,
429 |                 compact: isEnvProduction,
430 |               },
431 |             },
432 |             // Process any JS outside of the app with Babel.
433 |             // Unlike the application JS, we only compile the standard ES features.
434 |             {
435 |               test: /\.(js|mjs)$/,
436 |               exclude: /@babel(?:\/|\\{1,2})runtime/,
437 |               loader: require.resolve('babel-loader'),
438 |               options: {
439 |                 babelrc: false,
440 |                 configFile: false,
441 |                 compact: false,
442 |                 presets: [
443 |                   [
444 |                     require.resolve('babel-preset-react-app/dependencies'),
445 |                     { helpers: true },
446 |                   ],
447 |                 ],
448 |                 cacheDirectory: true,
449 |                 // See #6846 for context on why cacheCompression is disabled
450 |                 cacheCompression: false,
451 |                 
452 |                 // Babel sourcemaps are needed for debugging into node_modules
453 |                 // code.  Without the options below, debuggers like VSCode
454 |                 // show incorrect code and set breakpoints on the wrong lines.
455 |                 sourceMaps: shouldUseSourceMap,
456 |                 inputSourceMap: shouldUseSourceMap,
457 |               },
458 |             },
459 |             // "postcss" loader applies autoprefixer to our CSS.
460 |             // "css" loader resolves paths in CSS and adds assets as dependencies.
461 |             // "style" loader turns CSS into JS modules that inject <style> tags.
462 |             // In production, we use MiniCSSExtractPlugin to extract that CSS
463 |             // to a file, but in development "style" loader enables hot editing
464 |             // of CSS.
465 |             // By default we support CSS Modules with the extension .module.css
466 |             {
467 |               test: cssRegex,
468 |               exclude: cssModuleRegex,
469 |               use: getStyleLoaders({
470 |                 importLoaders: 1,
471 |                 sourceMap: isEnvProduction
472 |                   ? shouldUseSourceMap
473 |                   : isEnvDevelopment,
474 |               }),
475 |               // Don't consider CSS imports dead code even if the
476 |               // containing package claims to have no side effects.
477 |               // Remove this when webpack adds a warning or an error for this.
478 |               // See https://github.com/webpack/webpack/issues/6571
479 |               sideEffects: true,
480 |             },
481 |             // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
482 |             // using the extension .module.css
483 |             {
484 |               test: cssModuleRegex,
485 |               use: getStyleLoaders({
486 |                 importLoaders: 1,
487 |                 sourceMap: isEnvProduction
488 |                   ? shouldUseSourceMap
489 |                   : isEnvDevelopment,
490 |                 modules: {
491 |                   getLocalIdent: getCSSModuleLocalIdent,
492 |                 },
493 |               }),
494 |             },
495 |             // Opt-in support for SASS (using .scss or .sass extensions).
496 |             // By default we support SASS Modules with the
497 |             // extensions .module.scss or .module.sass
498 |             {
499 |               test: sassRegex,
500 |               exclude: sassModuleRegex,
501 |               use: getStyleLoaders(
502 |                 {
503 |                   importLoaders: 3,
504 |                   sourceMap: isEnvProduction
505 |                     ? shouldUseSourceMap
506 |                     : isEnvDevelopment,
507 |                 },
508 |                 'sass-loader'
509 |               ),
510 |               // Don't consider CSS imports dead code even if the
511 |               // containing package claims to have no side effects.
512 |               // Remove this when webpack adds a warning or an error for this.
513 |               // See https://github.com/webpack/webpack/issues/6571
514 |               sideEffects: true,
515 |             },
516 |             // Adds support for CSS Modules, but using SASS
517 |             // using the extension .module.scss or .module.sass
518 |             {
519 |               test: sassModuleRegex,
520 |               use: getStyleLoaders(
521 |                 {
522 |                   importLoaders: 3,
523 |                   sourceMap: isEnvProduction
524 |                     ? shouldUseSourceMap
525 |                     : isEnvDevelopment,
526 |                   modules: {
527 |                     getLocalIdent: getCSSModuleLocalIdent,
528 |                   },
529 |                 },
530 |                 'sass-loader'
531 |               ),
532 |             },
533 |             // "file" loader makes sure those assets get served by WebpackDevServer.
534 |             // When you `import` an asset, you get its (virtual) filename.
535 |             // In production, they would get copied to the `build` folder.
536 |             // This loader doesn't use a "test" so it will catch all modules
537 |             // that fall through the other loaders.
538 |             {
539 |               loader: require.resolve('file-loader'),
540 |               // Exclude `js` files to keep "css" loader working as it injects
541 |               // its runtime that would otherwise be processed through "file" loader.
542 |               // Also exclude `html` and `json` extensions so they get processed
543 |               // by webpacks internal loaders.
544 |               exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
545 |               options: {
546 |                 name: 'static/media/[name].[hash:8].[ext]',
547 |               },
548 |             },
549 |             // ** STOP ** Are you adding a new loader?
550 |             // Make sure to add the new loader(s) before the "file" loader.
551 |           ],
552 |         },
553 |       ],
554 |     },
555 |     plugins: [
556 |       // Generates an `index.html` file with the <script> injected.
557 |       new HtmlWebpackPlugin(
558 |         Object.assign(
559 |           {},
560 |           {
561 |             inject: true,
562 |             template: paths.appHtml,
563 |           },
564 |           isEnvProduction
565 |             ? {
566 |                 minify: {
567 |                   removeComments: true,
568 |                   collapseWhitespace: true,
569 |                   removeRedundantAttributes: true,
570 |                   useShortDoctype: true,
571 |                   removeEmptyAttributes: true,
572 |                   removeStyleLinkTypeAttributes: true,
573 |                   keepClosingSlash: true,
574 |                   minifyJS: true,
575 |                   minifyCSS: true,
576 |                   minifyURLs: true,
577 |                 },
578 |               }
579 |             : undefined
580 |         )
581 |       ),
582 |       // Inlines the webpack runtime script. This script is too small to warrant
583 |       // a network request.
584 |       // https://github.com/facebook/create-react-app/issues/5358
585 |       isEnvProduction &&
586 |         shouldInlineRuntimeChunk &&
587 |         new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),
588 |       // Makes some environment variables available in index.html.
589 |       // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
590 |       // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
591 |       // It will be an empty string unless you specify "homepage"
592 |       // in `package.json`, in which case it will be the pathname of that URL.
593 |       new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
594 |       // This gives some necessary context to module not found errors, such as
595 |       // the requesting resource.
596 |       new ModuleNotFoundPlugin(paths.appPath),
597 |       // Makes some environment variables available to the JS code, for example:
598 |       // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
599 |       // It is absolutely essential that NODE_ENV is set to production
600 |       // during a production build.
601 |       // Otherwise React will be compiled in the very slow development mode.
602 |       new webpack.DefinePlugin(env.stringified),
603 |       // This is necessary to emit hot updates (CSS and Fast Refresh):
604 |       isEnvDevelopment && new webpack.HotModuleReplacementPlugin(),
605 |       // Experimental hot reloading for React .
606 |       // https://github.com/facebook/react/tree/master/packages/react-refresh
607 |       isEnvDevelopment &&
608 |         shouldUseReactRefresh &&
609 |         new ReactRefreshWebpackPlugin({
610 |           overlay: {
611 |             entry: webpackDevClientEntry,
612 |             // The expected exports are slightly different from what the overlay exports,
613 |             // so an interop is included here to enable feedback on module-level errors.
614 |             module: reactRefreshOverlayEntry,
615 |             // Since we ship a custom dev client and overlay integration,
616 |             // the bundled socket handling logic can be eliminated.
617 |             sockIntegration: false,
618 |           },
619 |         }),
620 |       // Watcher doesn't work well if you mistype casing in a path so we use
621 |       // a plugin that prints an error when you attempt to do this.
622 |       // See https://github.com/facebook/create-react-app/issues/240
623 |       isEnvDevelopment && new CaseSensitivePathsPlugin(),
624 |       // If you require a missing module and then `npm install` it, you still have
625 |       // to restart the development server for webpack to discover it. This plugin
626 |       // makes the discovery automatic so you don't have to restart.
627 |       // See https://github.com/facebook/create-react-app/issues/186
628 |       isEnvDevelopment &&
629 |         new WatchMissingNodeModulesPlugin(paths.appNodeModules),
630 |       isEnvProduction &&
631 |         new MiniCssExtractPlugin({
632 |           // Options similar to the same options in webpackOptions.output
633 |           // both options are optional
634 |           filename: 'static/css/[name].[contenthash:8].css',
635 |           chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
636 |         }),
637 |       // Generate an asset manifest file with the following content:
638 |       // - "files" key: Mapping of all asset filenames to their corresponding
639 |       //   output file so that tools can pick it up without having to parse
640 |       //   `index.html`
641 |       // - "entrypoints" key: Array of files which are included in `index.html`,
642 |       //   can be used to reconstruct the HTML if necessary
643 |       new ManifestPlugin({
644 |         fileName: 'asset-manifest.json',
645 |         publicPath: paths.publicUrlOrPath,
646 |         generate: (seed, files, entrypoints) => {
647 |           const manifestFiles = files.reduce((manifest, file) => {
648 |             manifest[file.name] = file.path;
649 |             return manifest;
650 |           }, seed);
651 |           const entrypointFiles = entrypoints.main.filter(
652 |             fileName => !fileName.endsWith('.map')
653 |           );
654 | 
655 |           return {
656 |             files: manifestFiles,
657 |             entrypoints: entrypointFiles,
658 |           };
659 |         },
660 |       }),
661 |       // Moment.js is an extremely popular library that bundles large locale files
662 |       // by default due to how webpack interprets its code. This is a practical
663 |       // solution that requires the user to opt into importing specific locales.
664 |       // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
665 |       // You can remove this if you don't use Moment.js:
666 |       new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
667 |       // Generate a service worker script that will precache, and keep up to date,
668 |       // the HTML & assets that are part of the webpack build.
669 |       isEnvProduction &&
670 |         fs.existsSync(swSrc) &&
671 |         new WorkboxWebpackPlugin.InjectManifest({
672 |           swSrc,
673 |           dontCacheBustURLsMatching: /\.[0-9a-f]{8}\./,
674 |           exclude: [/\.map$/, /asset-manifest\.json$/, /LICENSE/],
675 |           // Bump up the default maximum size (2mb) that's precached,
676 |           // to make lazy-loading failure scenarios less likely.
677 |           // See https://github.com/cra-template/pwa/issues/13#issuecomment-722667270
678 |           maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
679 |         }),
680 |       // TypeScript type checking
681 |       useTypeScript &&
682 |         new ForkTsCheckerWebpackPlugin({
683 |           typescript: resolve.sync('typescript', {
684 |             basedir: paths.appNodeModules,
685 |           }),
686 |           async: isEnvDevelopment,
687 |           checkSyntacticErrors: true,
688 |           resolveModuleNameModule: process.versions.pnp
689 |             ? `${__dirname}/pnpTs.js`
690 |             : undefined,
691 |           resolveTypeReferenceDirectiveModule: process.versions.pnp
692 |             ? `${__dirname}/pnpTs.js`
693 |             : undefined,
694 |           tsconfig: paths.appTsConfig,
695 |           reportFiles: [
696 |             // This one is specifically to match during CI tests,
697 |             // as micromatch doesn't match
698 |             // '../cra-template-typescript/template/src/App.tsx'
699 |             // otherwise.
700 |             '../**/src/**/*.{ts,tsx}',
701 |             '**/src/**/*.{ts,tsx}',
702 |             '!**/src/**/__tests__/**',
703 |             '!**/src/**/?(*.)(spec|test).*',
704 |             '!**/src/setupProxy.*',
705 |             '!**/src/setupTests.*',
706 |           ],
707 |           silent: true,
708 |           // The formatter is invoked directly in WebpackDevServerUtils during development
709 |           formatter: isEnvProduction ? typescriptFormatter : undefined,
710 |         }),
711 |       new ESLintPlugin({
712 |         // Plugin options
713 |         extensions: ['js', 'mjs', 'jsx', 'ts', 'tsx'],
714 |         formatter: require.resolve('react-dev-utils/eslintFormatter'),
715 |         eslintPath: require.resolve('eslint'),
716 |         context: paths.appSrc,
717 |         cache: true,
718 |         // ESLint class options
719 |         cwd: paths.appPath,
720 |         resolvePluginsRelativeTo: __dirname,
721 |         baseConfig: {
722 |           extends: [require.resolve('eslint-config-react-app/base')],
723 |           rules: {
724 |             ...(!hasJsxRuntime && {
725 |               'react/react-in-jsx-scope': 'error',
726 |             }),
727 |           },
728 |         },
729 |       }),
730 |     ].filter(Boolean),
731 |     // Some libraries import Node modules but don't use them in the browser.
732 |     // Tell webpack to provide empty mocks for them so importing them works.
733 |     node: {
734 |       module: 'empty',
735 |       dgram: 'empty',
736 |       dns: 'mock',
737 |       fs: 'empty',
738 |       http2: 'empty',
739 |       net: 'empty',
740 |       tls: 'empty',
741 |       child_process: 'empty',
742 |     },
743 |     // Turn off performance processing because we utilize
744 |     // our own hints via the FileSizeReporter
745 |     performance: false,
746 |   };
747 | };
748 | 


--------------------------------------------------------------------------------
/.eslintcache:
--------------------------------------------------------------------------------
1 | [{"/Users/wangyongqi/baidu/learn/debug-react-new/src/index.js":"1","/Users/wangyongqi/baidu/learn/debug-react-new/src/App.js":"2","/Users/wangyongqi/baidu/learn/debug-react-new/src/adaptation.js":"3","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/index.js":"4","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-refresh/runtime.js":"5","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactLazy.js":"6","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/memo.js":"7","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactBaseClasses.js":"8","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactChildren.js":"9","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createScope.js":"10","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSymbols.js":"11","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMClientInjection.js":"12","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactPortal.js":"13","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMRoot.js":"14","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/ReactControlledComponent.js":"15","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ReactDOMEventListener.js":"16","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ReactDOMEventReplaying.js":"17","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPluginUtils.js":"18","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SelectEventPlugin.js":"19","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SimpleEventPlugin.js":"20","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactWorkTags.js":"21","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/HTMLNodeType.js":"22","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/BeforeInputEventPlugin.js":"23","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/forEachAccumulated.js":"24","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventSystemFlags.js":"25","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/getListener.js":"26","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactTreeTraversal.js":"27","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/DOMProperty.js":"28","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMHostConfig.js":"29","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactLazyComponent.js":"30","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticPointerEvent.js":"31","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/setTextContent.js":"32","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/isCustomComponent.js":"33","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMNullInputValuePropHook.js":"34","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/getActiveElement.js":"35","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticFocusEvent.js":"36","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticDragEvent.js":"37","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticKeyboardEvent.js":"38","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventCharCode.js":"39","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMTextarea.js":"40","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/DOMPropertyOperations.js":"41","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/isEventSupported.js":"42","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticCompositionEvent.js":"43","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/FallbackCompositionState.js":"44","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMInput.js":"45","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberTreeReflection.js":"46","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberDevToolsHook.js":"47","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberRoot.js":"48","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberContext.js":"49","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/warnValidStyle.js":"50","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMSelection.js":"51","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/forks/SchedulerHostConfig.mock.js":"52","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/forks/SchedulerHostConfig.default.js":"53","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/getNodeForCharacterOffset.js":"54","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerFeatureFlags.js":"55","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiber.js":"56","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/Tracing.js":"57","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactCapturedValue.js":"58","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberUnwindWork.js":"59","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberThrow.js":"60","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseContext.js":"61","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHostContext.js":"62","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberCommitWork.js":"63","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberFundamental.js":"64","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberScope.js":"65","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberDeprecatedEvents.js":"66","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberLazyComponent.js":"67","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactHookEffectTags.js":"68","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberErrorLogger.js":"69","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactChildFiber.js":"70","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberErrorDialog.js":"71","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberClassComponent.js":"72","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/React.js":"73","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/forwardRef.js":"74","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactBatchConfig.js":"75","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMLegacy.js":"76","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactVersion.js":"77","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ExecutionEnvironment.js":"78","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/ReactGenericBatching.js":"79","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/isValidElementType.js":"80","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactNoopUpdateQueue.js":"81","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactDebugCurrentFrame.js":"82","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-refresh/src/ReactFreshRuntime.js":"83","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactRootTags.js":"84","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSharedInternals.js":"85","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventTarget.js":"86","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/reflection.js":"87","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactTypes.js":"88","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/TopLevelEventTypes.js":"89","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMLegacyEventPluginSystem.js":"90","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/setInnerHTML.js":"91","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/assertValidProps.js":"92","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMInvalidARIAHook.js":"93","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMUnknownPropertyHook.js":"94","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/describeComponentFrame.js":"95","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticMouseEvent.js":"96","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticClipboardEvent.js":"97","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticUIEvent.js":"98","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/isTextInputElement.js":"99","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticInputEvent.js":"100","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/dangerousStyleValue.js":"101","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getVendorPrefixedEventName.js":"102","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ToStringValue.js":"103","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactCurrentFiber.js":"104","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/voidElementTags.js":"105","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/invokeGuardedCallbackImpl.js":"106","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/enqueueTask.js":"107","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerHostConfig.js":"108","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventKey.js":"109","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventModifierState.js":"110","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/objectIs.js":"111","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSideEffectTags.js":"112","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberWorkLoop.js":"113","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberBeginWork.js":"114","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/invariant.js":"115","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/index.js":"116","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOM.js":"117","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/block.js":"118","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactContext.js":"119","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createFundamentalComponent.js":"120","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createEventResponder.js":"121","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMComponentTree.js":"122","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/checkReact.js":"123","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactFeatureFlags.js":"124","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/inline.dom.js":"125","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventBatching.js":"126","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPropagators.js":"127","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentBatchConfig.js":"128","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMComponent.js":"129","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactInstanceMap.js":"130","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/accumulateInto.js":"131","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactErrorUtils.js":"132","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMEventProperties.js":"133","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/inputValueTracking.js":"134","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactInputSelection.js":"135","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/index.js":"136","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHostConfig.js":"137","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactTypeOfMode.js":"138","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactControlledValuePropTypes.js":"139","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/validAriaProperties.js":"140","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSShorthandProperty.js":"141","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactUpdateQueue.js":"142","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSProperty.js":"143","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/tracing.js":"144","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberNewContext.js":"145","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerPriorities.js":"146","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseComponent.js":"147","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHydrationContext.js":"148","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHooks.js":"149","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCreateRef.js":"150","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactElement.js":"151","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPluginRegistry.js":"152","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/IsSomeRendererActing.js":"153","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/hasBadMapPolyfill.js":"154","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/getComponentName.js":"155","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMEventListenerMap.js":"156","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMOption.js":"157","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/endsWith.js":"158","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticTouchEvent.js":"159","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMSelect.js":"160","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/possibleStandardNames.js":"161","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberExpirationTime.js":"162","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/validateDOMNesting.js":"163","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHotReloading.js":"164","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/maxSigned31BitInt.js":"165","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/forks/ReactFiberHostConfig.dom.js":"166","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/SchedulerWithReactIntegration.js":"167","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/TracingSubscriptions.js":"168","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactProfilerTimer.js":"169","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberCompleteWork.js":"170","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentOwner.js":"171","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/EnterLeaveEventPlugin.js":"172","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/checkPassiveEvents.js":"173","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DeprecatedDOMEventResponderSystem.js":"174","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/SyntheticEvent.js":"175","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/HostConfigWithNoPersistence.js":"176","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseConfig.js":"177","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/Scheduler.js":"178","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerProfiling.js":"179","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactStrictModeWarnings.js":"180","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentDispatcher.js":"181","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/EventListener.js":"182","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/DOMNamespaces.js":"183","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticTransitionEvent.js":"184","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/shallowEqual.js":"185","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/hyphenateStyleName.js":"186","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/omittedCloseTags.js":"187","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactDebugFiberPerf.js":"188","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ChangeEventPlugin.js":"189","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberReconciler.js":"190","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticWheelEvent.js":"191","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/createMicrosoftUnsafeLocalFunction.js":"192","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberStack.js":"193","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactHooks.js":"194","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactElementValidator.js":"195","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMTopLevelEventTypes.js":"196","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/sanitizeURL.js":"197","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactSharedInternals.js":"198","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerMinHeap.js":"199","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSPropertyOperations.js":"200","/Users/wangyongqi/baidu/learn/debug-react-new/src/TestPage.js":"201","/Users/wangyongqi/baidu/learn/debug-react-new/src/B.js":"202","/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticAnimationEvent.js":"203"},{"size":245,"mtime":1607878166308,"results":"204","hashOfConfig":"205"},{"size":564,"mtime":1607850648587,"results":"206","hashOfConfig":"205"},{"size":107,"mtime":1607850619379,"results":"207","hashOfConfig":"205"},{"size":241,"mtime":1607850157243,"results":"208","hashOfConfig":"209"},{"size":395,"mtime":1607850157521,"results":"210","hashOfConfig":"209"},{"size":1990,"mtime":1607850157575,"results":"211","hashOfConfig":"209"},{"size":777,"mtime":1607850157604,"results":"212","hashOfConfig":"209"},{"size":4901,"mtime":1607849816383,"results":"213","hashOfConfig":"209"},{"size":11752,"mtime":1607850157565,"results":"214","hashOfConfig":"209"},{"size":504,"mtime":1607850157655,"results":"215","hashOfConfig":"209"},{"size":2692,"mtime":1607850157650,"results":"216","hashOfConfig":"209"},{"size":2023,"mtime":1607850157328,"results":"217","hashOfConfig":"209"},{"size":746,"mtime":1607850157649,"results":"218","hashOfConfig":"209"},{"size":6347,"mtime":1607850157331,"results":"219","hashOfConfig":"209"},{"size":2095,"mtime":1607850157101,"results":"220","hashOfConfig":"209"},{"size":10943,"mtime":1607850157342,"results":"221","hashOfConfig":"209"},{"size":19863,"mtime":1607850157342,"results":"222","hashOfConfig":"209"},{"size":5481,"mtime":1607850157099,"results":"223","hashOfConfig":"209"},{"size":6717,"mtime":1607850157343,"results":"224","hashOfConfig":"209"},{"size":7683,"mtime":1607850157343,"results":"225","hashOfConfig":"209"},{"size":1317,"mtime":1607850157652,"results":"226","hashOfConfig":"209"},{"size":435,"mtime":1607849816184,"results":"227","hashOfConfig":"209"},{"size":14775,"mtime":1607850157336,"results":"228","hashOfConfig":"209"},{"size":915,"mtime":1607850157114,"results":"229","hashOfConfig":"209"},{"size":514,"mtime":1607850157100,"results":"230","hashOfConfig":"209"},{"size":1994,"mtime":1607850157120,"results":"231","hashOfConfig":"209"},{"size":3443,"mtime":1607850157651,"results":"232","hashOfConfig":"209"},{"size":15571,"mtime":1607850157361,"results":"233","hashOfConfig":"209"},{"size":30710,"mtime":1607850157330,"results":"234","hashOfConfig":"209"},{"size":2060,"mtime":1607850157648,"results":"235","hashOfConfig":"209"},{"size":610,"mtime":1607850157345,"results":"236","hashOfConfig":"209"},{"size":904,"mtime":1607850157335,"results":"237","hashOfConfig":"209"},{"size":972,"mtime":1607850157364,"results":"238","hashOfConfig":"209"},{"size":1070,"mtime":1607849816185,"results":"239","hashOfConfig":"209"},{"size":494,"mtime":1607849816127,"results":"240","hashOfConfig":"209"},{"size":442,"mtime":1607850157344,"results":"241","hashOfConfig":"209"},{"size":447,"mtime":1607850157344,"results":"242","hashOfConfig":"209"},{"size":2059,"mtime":1607850157345,"results":"243","hashOfConfig":"209"},{"size":1548,"mtime":1607850157352,"results":"244","hashOfConfig":"209"},{"size":5845,"mtime":1607850157333,"results":"245","hashOfConfig":"209"},{"size":6098,"mtime":1607850157326,"results":"246","hashOfConfig":"209"},{"size":1084,"mtime":1607850157353,"results":"247","hashOfConfig":"209"},{"size":471,"mtime":1607850157344,"results":"248","hashOfConfig":"209"},{"size":1657,"mtime":1607849816148,"results":"249","hashOfConfig":"209"},{"size":15774,"mtime":1607850157330,"results":"250","hashOfConfig":"209"},{"size":10397,"mtime":1607850157470,"results":"251","hashOfConfig":"209"},{"size":4349,"mtime":1607850157458,"results":"252","hashOfConfig":"209"},{"size":9157,"mtime":1607850157465,"results":"253","hashOfConfig":"209"},{"size":11065,"mtime":1607850157456,"results":"254","hashOfConfig":"209"},{"size":3157,"mtime":1607849816191,"results":"255","hashOfConfig":"209"},{"size":5896,"mtime":1607850157333,"results":"256","hashOfConfig":"209"},{"size":5174,"mtime":1607850157646,"results":"257","hashOfConfig":"209"},{"size":8054,"mtime":1607850157645,"results":"258","hashOfConfig":"209"},{"size":1579,"mtime":1607849816129,"results":"259","hashOfConfig":"209"},{"size":327,"mtime":1607849816436,"results":"260","hashOfConfig":"209"},{"size":31061,"mtime":1607850157450,"results":"261","hashOfConfig":"209"},{"size":7649,"mtime":1607849816438,"results":"262","hashOfConfig":"209"},{"size":920,"mtime":1607850157447,"results":"263","hashOfConfig":"209"},{"size":4528,"mtime":1607850157470,"results":"264","hashOfConfig":"209"},{"size":14732,"mtime":1607850157469,"results":"265","hashOfConfig":"209"},{"size":2690,"mtime":1607850157469,"results":"266","hashOfConfig":"209"},{"size":3691,"mtime":1607850157463,"results":"267","hashOfConfig":"209"},{"size":54109,"mtime":1607850157454,"results":"268","hashOfConfig":"209"},{"size":648,"mtime":1607850157461,"results":"269","hashOfConfig":"209"},{"size":5158,"mtime":1607850157466,"results":"270","hashOfConfig":"209"},{"size":6435,"mtime":1607850157457,"results":"271","hashOfConfig":"209"},{"size":1057,"mtime":1607850157464,"results":"272","hashOfConfig":"209"},{"size":505,"mtime":1607850157474,"results":"273","hashOfConfig":"209"},{"size":3664,"mtime":1607850157460,"results":"274","hashOfConfig":"209"},{"size":46053,"mtime":1607850157448,"results":"275","hashOfConfig":"209"},{"size":514,"mtime":1607850157459,"results":"276","hashOfConfig":"209"},{"size":39238,"mtime":1607850157453,"results":"277","hashOfConfig":"209"},{"size":3580,"mtime":1607850157563,"results":"278","hashOfConfig":"209"},{"size":1612,"mtime":1607850157604,"results":"279","hashOfConfig":"209"},{"size":746,"mtime":1607850157564,"results":"280","hashOfConfig":"209"},{"size":12651,"mtime":1607850157330,"results":"281","hashOfConfig":"209"},{"size":297,"mtime":1607850157652,"results":"282","hashOfConfig":"209"},{"size":377,"mtime":1607849816448,"results":"283","hashOfConfig":"209"},{"size":4896,"mtime":1607850157102,"results":"284","hashOfConfig":"209"},{"size":1539,"mtime":1607850157661,"results":"285","hashOfConfig":"209"},{"size":3735,"mtime":1607849816390,"results":"286","hashOfConfig":"209"},{"size":1494,"mtime":1607850157571,"results":"287","hashOfConfig":"209"},{"size":21621,"mtime":1607850157523,"results":"288","hashOfConfig":"209"},{"size":329,"mtime":1607850157649,"results":"289","hashOfConfig":"209"},{"size":880,"mtime":1607876112362,"results":"290","hashOfConfig":"209"},{"size":1033,"mtime":1607849816165,"results":"291","hashOfConfig":"209"},{"size":265,"mtime":1607849816261,"results":"292","hashOfConfig":"209"},{"size":4603,"mtime":1607850157651,"results":"293","hashOfConfig":"209"},{"size":977,"mtime":1607850157108,"results":"294","hashOfConfig":"209"},{"size":12988,"mtime":1607850157339,"results":"295","hashOfConfig":"209"},{"size":2281,"mtime":1607849816142,"results":"296","hashOfConfig":"209"},{"size":2396,"mtime":1607850157364,"results":"297","hashOfConfig":"209"},{"size":3404,"mtime":1607850157362,"results":"298","hashOfConfig":"209"},{"size":8912,"mtime":1607850157363,"results":"299","hashOfConfig":"209"},{"size":1163,"mtime":1607850157655,"results":"300","hashOfConfig":"209"},{"size":1731,"mtime":1607850157345,"results":"301","hashOfConfig":"209"},{"size":558,"mtime":1607850157343,"results":"302","hashOfConfig":"209"},{"size":367,"mtime":1607850157346,"results":"303","hashOfConfig":"209"},{"size":979,"mtime":1607850157661,"results":"304","hashOfConfig":"209"},{"size":479,"mtime":1607850157344,"results":"305","hashOfConfig":"209"},{"size":1701,"mtime":1607849816188,"results":"306","hashOfConfig":"209"},{"size":2609,"mtime":1607849816166,"results":"307","hashOfConfig":"209"},{"size":900,"mtime":1607849816123,"results":"308","hashOfConfig":"209"},{"size":2559,"mtime":1607850157449,"results":"309","hashOfConfig":"209"},{"size":503,"mtime":1607849816191,"results":"310","hashOfConfig":"209"},{"size":9146,"mtime":1607850157660,"results":"311","hashOfConfig":"209"},{"size":1810,"mtime":1607850157656,"results":"312","hashOfConfig":"209"},{"size":798,"mtime":1607877491490,"results":"313","hashOfConfig":"209"},{"size":2847,"mtime":1607850157353,"results":"314","hashOfConfig":"209"},{"size":1254,"mtime":1607850157353,"results":"315","hashOfConfig":"209"},{"size":660,"mtime":1607849816466,"results":"316","hashOfConfig":"209"},{"size":1510,"mtime":1607850157649,"results":"317","hashOfConfig":"209"},{"size":108767,"mtime":1607850157473,"results":"318","hashOfConfig":"209"},{"size":109460,"mtime":1607850157452,"results":"319","hashOfConfig":"209"},{"size":828,"mtime":1607877817176,"results":"320","hashOfConfig":"209"},{"size":1984,"mtime":1607850157562,"results":"321","hashOfConfig":"209"},{"size":7742,"mtime":1607877212655,"results":"322","hashOfConfig":"209"},{"size":2421,"mtime":1607850157603,"results":"323","hashOfConfig":"209"},{"size":4273,"mtime":1607850157565,"results":"324","hashOfConfig":"209"},{"size":959,"mtime":1607850157655,"results":"325","hashOfConfig":"209"},{"size":1381,"mtime":1607850157655,"results":"326","hashOfConfig":"209"},{"size":6639,"mtime":1607850157329,"results":"327","hashOfConfig":"209"},{"size":410,"mtime":1607849816187,"results":"328","hashOfConfig":"209"},{"size":5287,"mtime":1607850157648,"results":"329","hashOfConfig":"209"},{"size":360,"mtime":1607850157445,"results":"330","hashOfConfig":"209"},{"size":2011,"mtime":1607850157099,"results":"331","hashOfConfig":"209"},{"size":4597,"mtime":1607850157100,"results":"332","hashOfConfig":"209"},{"size":532,"mtime":1607850157566,"results":"333","hashOfConfig":"209"},{"size":46015,"mtime":1607850157329,"results":"334","hashOfConfig":"209"},{"size":1054,"mtime":1607850157648,"results":"335","hashOfConfig":"209"},{"size":1492,"mtime":1607850157114,"results":"336","hashOfConfig":"209"},{"size":3157,"mtime":1607849816450,"results":"337","hashOfConfig":"209"},{"size":8330,"mtime":1607850157339,"results":"338","hashOfConfig":"209"},{"size":3417,"mtime":1607849816129,"results":"339","hashOfConfig":"209"},{"size":5839,"mtime":1607850157334,"results":"340","hashOfConfig":"209"},{"size":535,"mtime":1607877433627,"results":"341","hashOfConfig":"209"},{"size":718,"mtime":1607877356173,"results":"342","hashOfConfig":"209"},{"size":497,"mtime":1607850157476,"results":"343","hashOfConfig":"209"},{"size":2408,"mtime":1607850157361,"results":"344","hashOfConfig":"209"},{"size":1461,"mtime":1607849816190,"results":"345","hashOfConfig":"209"},{"size":5112,"mtime":1607849816182,"results":"346","hashOfConfig":"209"},{"size":17674,"mtime":1607850157476,"results":"347","hashOfConfig":"209"},{"size":2030,"mtime":1607849816181,"results":"348","hashOfConfig":"209"},{"size":292,"mtime":1607849816447,"results":"349","hashOfConfig":"209"},{"size":12874,"mtime":1607850157464,"results":"350","hashOfConfig":"209"},{"size":474,"mtime":1607849816436,"results":"351","hashOfConfig":"209"},{"size":4885,"mtime":1607850157466,"results":"352","hashOfConfig":"209"},{"size":14996,"mtime":1607850157464,"results":"353","hashOfConfig":"209"},{"size":74028,"mtime":1607850157462,"results":"354","hashOfConfig":"209"},{"size":459,"mtime":1607849816384,"results":"355","hashOfConfig":"209"},{"size":15446,"mtime":1607850157572,"results":"356","hashOfConfig":"209"},{"size":6977,"mtime":1607850157099,"results":"357","hashOfConfig":"209"},{"size":375,"mtime":1607849816382,"results":"358","hashOfConfig":"209"},{"size":745,"mtime":1607850157660,"results":"359","hashOfConfig":"209"},{"size":2630,"mtime":1607850157660,"results":"360","hashOfConfig":"209"},{"size":919,"mtime":1607850157337,"results":"361","hashOfConfig":"209"},{"size":2854,"mtime":1607850157331,"results":"362","hashOfConfig":"209"},{"size":385,"mtime":1607850157655,"results":"363","hashOfConfig":"209"},{"size":649,"mtime":1607850157345,"results":"364","hashOfConfig":"209"},{"size":6448,"mtime":1607850157332,"results":"365","hashOfConfig":"209"},{"size":13537,"mtime":1607850157365,"results":"366","hashOfConfig":"209"},{"size":4486,"mtime":1607850157461,"results":"367","hashOfConfig":"209"},{"size":12339,"mtime":1607850157335,"results":"368","hashOfConfig":"209"},{"size":13002,"mtime":1607850157463,"results":"369","hashOfConfig":"209"},{"size":358,"mtime":1607850157520,"results":"370","hashOfConfig":"209"},{"size":259,"mtime":1607849816328,"results":"371","hashOfConfig":"209"},{"size":7151,"mtime":1607850157477,"results":"372","hashOfConfig":"209"},{"size":3640,"mtime":1607849816438,"results":"373","hashOfConfig":"209"},{"size":1875,"mtime":1607850157474,"results":"374","hashOfConfig":"209"},{"size":47638,"mtime":1607850157455,"results":"375","hashOfConfig":"209"},{"size":574,"mtime":1607850157570,"results":"376","hashOfConfig":"209"},{"size":5337,"mtime":1607850157341,"results":"377","hashOfConfig":"209"},{"size":1002,"mtime":1607850157352,"results":"378","hashOfConfig":"209"},{"size":17792,"mtime":1607850157340,"results":"379","hashOfConfig":"209"},{"size":9153,"mtime":1607850157107,"results":"380","hashOfConfig":"209"},{"size":980,"mtime":1607850157647,"results":"381","hashOfConfig":"209"},{"size":553,"mtime":1607850157469,"results":"382","hashOfConfig":"209"},{"size":11733,"mtime":1607850157606,"results":"383","hashOfConfig":"209"},{"size":5781,"mtime":1607849816437,"results":"384","hashOfConfig":"209"},{"size":13670,"mtime":1607850157475,"results":"385","hashOfConfig":"209"},{"size":492,"mtime":1607850157568,"results":"386","hashOfConfig":"209"},{"size":839,"mtime":1607850157341,"results":"387","hashOfConfig":"209"},{"size":1194,"mtime":1607849816183,"results":"388","hashOfConfig":"209"},{"size":603,"mtime":1607850157345,"results":"389","hashOfConfig":"209"},{"size":1164,"mtime":1607849816467,"results":"390","hashOfConfig":"209"},{"size":823,"mtime":1607849816188,"results":"391","hashOfConfig":"209"},{"size":650,"mtime":1607850157365,"results":"392","hashOfConfig":"209"},{"size":14559,"mtime":1607850157450,"results":"393","hashOfConfig":"209"},{"size":9519,"mtime":1607850157337,"results":"394","hashOfConfig":"209"},{"size":21648,"mtime":1607877396216,"results":"395","hashOfConfig":"209"},{"size":1338,"mtime":1607850157346,"results":"396","hashOfConfig":"209"},{"size":673,"mtime":1607849816188,"results":"397","hashOfConfig":"209"},{"size":1654,"mtime":1607850157466,"results":"398","hashOfConfig":"209"},{"size":5512,"mtime":1607850157574,"results":"399","hashOfConfig":"209"},{"size":15424,"mtime":1607850157574,"results":"400","hashOfConfig":"209"},{"size":8202,"mtime":1607850157340,"results":"401","hashOfConfig":"209"},{"size":1923,"mtime":1607850157366,"results":"402","hashOfConfig":"209"},{"size":1076,"mtime":1607850157577,"results":"403","hashOfConfig":"209"},{"size":2275,"mtime":1607849816436,"results":"404","hashOfConfig":"209"},{"size":5021,"mtime":1607850157360,"results":"405","hashOfConfig":"209"},{"size":618,"mtime":1607878235586,"results":"406","hashOfConfig":"205"},{"size":645,"mtime":1607878130730,"results":"407","hashOfConfig":"205"},{"size":589,"mtime":1607850157343,"results":"408","hashOfConfig":"209"},{"filePath":"409","messages":"410","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"411","usedDeprecatedRules":"412"},"1qaxrme",{"filePath":"413","messages":"414","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"415"},{"filePath":"416","messages":"417","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"418"},{"filePath":"419","messages":"420","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},"1jet2oo",{"filePath":"422","messages":"423","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"424"},{"filePath":"425","messages":"426","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"428","messages":"429","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"431","messages":"432","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"434","messages":"435","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"437","messages":"438","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"440","messages":"441","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"442","messages":"443","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"444","messages":"445","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"446","messages":"447","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"448","messages":"449","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"450","messages":"451","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"452","messages":"453","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"454","messages":"455","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"456","messages":"457","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"458","messages":"459","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"460","messages":"461","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"462","messages":"463","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"464","messages":"465","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"466","messages":"467","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"468","messages":"469","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"470","messages":"471","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"472","messages":"473","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"474","messages":"475","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"476","messages":"477","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"478","messages":"479","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"480","messages":"481","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"482","messages":"483","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"484","messages":"485","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"486","messages":"487","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"488","messages":"489","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"490","messages":"491","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"492","messages":"493","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"494","messages":"495","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"496","messages":"497","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"498","messages":"499","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"500","messages":"501","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"502","messages":"503","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"504","messages":"505","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"506","messages":"507","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"508","messages":"509","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"510","messages":"511","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"512","messages":"513","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"514","messages":"515","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"516","messages":"517","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"518","messages":"519","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"520","messages":"521","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"522","messages":"523","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"524","messages":"525","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"526","messages":"527","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"528","messages":"529","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"424"},{"filePath":"530","messages":"531","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"532","messages":"533","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"534","messages":"535","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"536","messages":"537","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"538","messages":"539","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"540","messages":"541","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"542","messages":"543","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"544","messages":"545","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"546","messages":"547","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"548","messages":"549","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"550","messages":"551","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"552","messages":"553","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"554","messages":"555","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"557","messages":"558","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"559","messages":"560","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"561","messages":"562","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"563","messages":"564","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"565","messages":"566","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"567","messages":"568","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"569","messages":"570","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"572","messages":"573","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"574","messages":"575","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"576","messages":"577","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"578","messages":"579","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"424"},{"filePath":"580","messages":"581","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"582","messages":"583","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"584","messages":"585","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"586","messages":"587","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"588","messages":"589","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"590","messages":"591","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"592","messages":"593","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"594","messages":"595","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"596","messages":"597","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"598","messages":"599","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"600","messages":"601","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"602","messages":"603","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"604","messages":"605","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"606","messages":"607","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"608","messages":"609","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"610","messages":"611","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"612","messages":"613","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"614","messages":"615","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"616","messages":"617","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"618","messages":"619","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"620","messages":"621","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"622","messages":"623","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"624","messages":"625","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"626","messages":"627","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"628","messages":"629","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"630","messages":"631","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"632","messages":"633","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"634","messages":"635","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"636","messages":"637","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"638","messages":"639","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"640","messages":"641","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"642"},{"filePath":"643","messages":"644","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"645","messages":"646","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"647","messages":"648","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"649","messages":"650","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"651","messages":"652","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"653","messages":"654","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"655","messages":"656","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"657","messages":"658","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"659","messages":"660","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"661","messages":"662","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"663","messages":"664","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"665","messages":"666","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"667","messages":"668","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"669","messages":"670","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"671","messages":"672","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"673","messages":"674","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"675","messages":"676","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"677","messages":"678","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"679","messages":"680","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"681","messages":"682","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"683","messages":"684","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"685","messages":"686","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"687","messages":"688","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"689","messages":"690","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"691","messages":"692","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"693","messages":"694","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"695","messages":"696","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"697","messages":"698","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"699","messages":"700","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"701","messages":"702","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"703","messages":"704","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"705","messages":"706","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"707","messages":"708","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"709","messages":"710","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"711","messages":"712","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"713","messages":"714","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"715","messages":"716","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"717","messages":"718","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"719","messages":"720","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"721","messages":"722","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"723","messages":"724","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"725","messages":"726","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"727","messages":"728","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"729","messages":"730","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"731","messages":"732","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"421"},{"filePath":"733","messages":"734","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"735","messages":"736","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"737","messages":"738","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"642"},{"filePath":"739","messages":"740","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"741","messages":"742","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"743","messages":"744","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"745","messages":"746","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"747","messages":"748","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"749","messages":"750","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"751","messages":"752","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"753","messages":"754","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"755","messages":"756","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"757","messages":"758","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"759","messages":"760","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"761","messages":"762","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"763","messages":"764","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"765","messages":"766","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"767","messages":"768","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"769","messages":"770","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"571"},{"filePath":"771","messages":"772","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"773","messages":"774","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"775","messages":"776","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"777","messages":"778","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"779","messages":"780","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"781","messages":"782","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"783","messages":"784","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"424"},{"filePath":"785","messages":"786","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"787","messages":"788","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"433"},{"filePath":"789","messages":"790","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"791","messages":"792","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"793","messages":"794","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"556"},{"filePath":"795","messages":"796","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"797","messages":"798","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"799","messages":"800","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"801","messages":"802","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"803","messages":"804","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"805","messages":"806","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"807","messages":"808","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"809","messages":"810","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"811","messages":"812","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},{"filePath":"813","messages":"814","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"436"},{"filePath":"815","messages":"816","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"817"},{"filePath":"818","messages":"819","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"820","messages":"821","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"427"},{"filePath":"822","messages":"823","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"439"},{"filePath":"824","messages":"825","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"826","usedDeprecatedRules":"827"},{"filePath":"828","messages":"829","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"412"},{"filePath":"830","messages":"831","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"430"},"/Users/wangyongqi/baidu/learn/debug-react-new/src/index.js",["832"],"import {React, ReactDOM} from './adaptation';\nimport './index.css';\nimport App from './App';\nimport TestPage from './TestPage';\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <TestPage />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n",["833","834"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/App.js",[],["835","836"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/adaptation.js",[],["837","838"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/index.js",[],["839"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-refresh/runtime.js",[],["840"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactLazy.js",[],["841"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/memo.js",[],["842"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactBaseClasses.js",[],["843"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactChildren.js",[],["844"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createScope.js",[],["845"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSymbols.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMClientInjection.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactPortal.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMRoot.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/ReactControlledComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ReactDOMEventListener.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ReactDOMEventReplaying.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPluginUtils.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SelectEventPlugin.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SimpleEventPlugin.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactWorkTags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/HTMLNodeType.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/BeforeInputEventPlugin.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/forEachAccumulated.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventSystemFlags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/getListener.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactTreeTraversal.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/DOMProperty.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMHostConfig.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactLazyComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticPointerEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/setTextContent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/isCustomComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMNullInputValuePropHook.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/getActiveElement.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticFocusEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticDragEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticKeyboardEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventCharCode.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMTextarea.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/DOMPropertyOperations.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/isEventSupported.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticCompositionEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/FallbackCompositionState.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMInput.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberTreeReflection.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberDevToolsHook.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberRoot.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/warnValidStyle.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMSelection.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/forks/SchedulerHostConfig.mock.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/forks/SchedulerHostConfig.default.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/getNodeForCharacterOffset.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerFeatureFlags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiber.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/Tracing.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactCapturedValue.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberUnwindWork.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberThrow.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHostContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberCommitWork.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberFundamental.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberScope.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberDeprecatedEvents.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberLazyComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactHookEffectTags.js",[],["846"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberErrorLogger.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactChildFiber.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberErrorDialog.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberClassComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/React.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/forwardRef.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactBatchConfig.js",[],["847"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMLegacy.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactVersion.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ExecutionEnvironment.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/ReactGenericBatching.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/isValidElementType.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactNoopUpdateQueue.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactDebugCurrentFrame.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-refresh/src/ReactFreshRuntime.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactRootTags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSharedInternals.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventTarget.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/reflection.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactTypes.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/TopLevelEventTypes.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMLegacyEventPluginSystem.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/setInnerHTML.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/assertValidProps.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMInvalidARIAHook.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactDOMUnknownPropertyHook.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/describeComponentFrame.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticMouseEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticClipboardEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticUIEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/isTextInputElement.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticInputEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/dangerousStyleValue.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getVendorPrefixedEventName.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ToStringValue.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactCurrentFiber.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/voidElementTags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/invokeGuardedCallbackImpl.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/enqueueTask.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerHostConfig.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventKey.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/getEventModifierState.js",[],["848"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/objectIs.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactSideEffectTags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberWorkLoop.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberBeginWork.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/invariant.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/index.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOM.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/block.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createFundamentalComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/createEventResponder.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMComponentTree.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/checkReact.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactFeatureFlags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/inline.dom.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventBatching.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPropagators.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentBatchConfig.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactInstanceMap.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/accumulateInto.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/ReactErrorUtils.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMEventProperties.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/inputValueTracking.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactInputSelection.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/index.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHostConfig.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactTypeOfMode.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/ReactControlledValuePropTypes.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/validAriaProperties.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSShorthandProperty.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactUpdateQueue.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSProperty.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/tracing.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberNewContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerPriorities.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseComponent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHydrationContext.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHooks.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCreateRef.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactElement.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/EventPluginRegistry.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/IsSomeRendererActing.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/hasBadMapPolyfill.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/getComponentName.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMEventListenerMap.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMOption.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/endsWith.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticTouchEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/ReactDOMSelect.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/possibleStandardNames.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberExpirationTime.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/client/validateDOMNesting.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberHotReloading.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/maxSigned31BitInt.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/forks/ReactFiberHostConfig.dom.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/SchedulerWithReactIntegration.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/TracingSubscriptions.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactProfilerTimer.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberCompleteWork.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentOwner.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/EnterLeaveEventPlugin.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/checkPassiveEvents.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DeprecatedDOMEventResponderSystem.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/legacy-events/SyntheticEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/HostConfigWithNoPersistence.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberSuspenseConfig.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/Scheduler.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerProfiling.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactStrictModeWarnings.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactCurrentDispatcher.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/EventListener.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/DOMNamespaces.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticTransitionEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/shared/shallowEqual.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/hyphenateStyleName.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/omittedCloseTags.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactDebugFiberPerf.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/ChangeEventPlugin.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberReconciler.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticWheelEvent.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/createMicrosoftUnsafeLocalFunction.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-reconciler/src/ReactFiberStack.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactHooks.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactElementValidator.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/DOMTopLevelEventTypes.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/sanitizeURL.js",[],["849"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react/src/ReactSharedInternals.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/scheduler/src/SchedulerMinHeap.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/shared/CSSPropertyOperations.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/TestPage.js",["850","851"],"import {React} from './adaptation';\nimport B from './B';\nconst {useState, useCallback, useEffect, Component} = React;\n\nclass A extends Component {\n    render() {\n        return <div>\n            A 页面\n        </div>\n    }\n}\n\nexport default function TestPage(props) {\n    const [state, setstate] = useState(true);\n\n    const unmountB = () => {\n        setstate(!state);\n    }\n    return (\n        <div className=\"App\">\n            HELLO WORLD\n\n            <A/>\n            {\n                state ? <B /> : null\n            }\n\n                <button onClick={unmountB}>unmount B</button>\n            </div>\n    );\n}",["852","853"],"/Users/wangyongqi/baidu/learn/debug-react-new/src/B.js",[],"/Users/wangyongqi/baidu/learn/debug-react-new/src/react/packages/react-dom/src/events/SyntheticAnimationEvent.js",[],{"ruleId":"854","severity":1,"message":"855","line":3,"column":8,"nodeType":"856","messageId":"857","endLine":3,"endColumn":11},{"ruleId":"858","replacedBy":"859"},{"ruleId":"860","replacedBy":"861"},{"ruleId":"858","replacedBy":"862"},{"ruleId":"860","replacedBy":"863"},{"ruleId":"858","replacedBy":"864"},{"ruleId":"860","replacedBy":"865"},{"ruleId":"866","replacedBy":"867"},{"ruleId":"866","replacedBy":"868"},{"ruleId":"866","replacedBy":"869"},{"ruleId":"866","replacedBy":"870"},{"ruleId":"866","replacedBy":"871"},{"ruleId":"866","replacedBy":"872"},{"ruleId":"866","replacedBy":"873"},{"ruleId":"866","replacedBy":"874"},{"ruleId":"866","replacedBy":"875"},{"ruleId":"866","replacedBy":"876"},{"ruleId":"866","replacedBy":"877"},{"ruleId":"854","severity":1,"message":"878","line":3,"column":18,"nodeType":"856","messageId":"857","endLine":3,"endColumn":29},{"ruleId":"854","severity":1,"message":"879","line":3,"column":31,"nodeType":"856","messageId":"857","endLine":3,"endColumn":40},{"ruleId":"858","replacedBy":"880"},{"ruleId":"860","replacedBy":"881"},"no-unused-vars","'App' is defined but never used.","Identifier","unusedVar","no-native-reassign",["882"],"no-negated-in-lhs",["883"],["882"],["883"],["882"],["883"],"react/jsx-space-before-closing",[],[],[],[],[],[],[],[],[],[],[],"'useCallback' is assigned a value but never used.","'useEffect' is assigned a value but never used.",["882"],["883"],"no-global-assign","no-unsafe-negation"]


--------------------------------------------------------------------------------