Tag Archives: webpack

Cannot read property ‘this compilation’ of undefined appears in copy webpack plugin

Today, I want to copy the pictures of the company’s projects to build / images,

Direct installation

 npm install copy-webpack-plugin --save-dev

, using the latest official documentation

 new CopyPlugin({
      patterns: [
        { from: 'source', to: 'dest' },
        { from: 'other', to: 'public' },
      ],
    }),

However, it is always reported that cannot read property ‘this compilation’ of undefined

The results show that the webpack is “^ 1.13.2” because the company’s projects are older,

So you can reduce the copy webpack plugin version to below 5.0.0, and then use the old writing method

For example, “copy webpack plugin”: “^ 4.6.0”,

Solved – problem cannot find module ‘webpack / bin / config yargs’

1. The question is:

module.js:538
    throw err;
    ^

Error: Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (D:\saic\dev\expressVue\node_modules\[email protected]@webpack-dev-server\bin\webpack-dev-server.js:54:1)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)

 
Reason 2.
The above error occurs when webpack does not match the webpack-dev-server version. The specific version is as follows:
“Webpack” : “^ 4.35.0,”
“webpack – cli” : “^ 3.3.5”,
“webpack – dev – server” : “^ 2.11.5”
Webpack-dev-server should be used in pairs with Webpack, with versions 2.2.0 to 3.0.0 for 2.11.5 of Webpack.
Webpack is version 4.35.0 in this project, which is ahead of webpack-dev-server, so you should upgrade webpack-dev-server.
 
3. Solutions
3.1 Uninstall the old package and then upgrade

cnpm uninstall --save-dev webpack-dev-server

cnpm install --save-dev [email protected]

It is also possible to replace CNPM with NPM.
3.2 Modify package.json and then CNPM install or NPM install
The method for root 3.1 is essentially the same
 

NPM run dev error: cannot find module ‘webpack cli / bin / config yargs‘

1- Open your package.json file

"devDependencies": {
    "webpack": "^5.2.0",
    "webpack-cli": "^4.1.0",
    "webpack-dev-server": "^3.11.0"
}

Webpack-cli: “^4.1.0”, which is version 4.*
2- Uninstall the current webpack-cli directive: NPM uninstall webpack-cli
3.* version directive: NPM install webpack-cli@3 -d

Just run NPM run dev!
 

How to Fix Webpack run error webpack dev server

Error report:

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:442
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object. (D:[email protected]@webpack-dev-serverbinwebpack-dev-server.js:6
5:1)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run
" "server"
npm ERR! node v6.2.1
npm ERR! npm  v3.9.3
npm ERR! code ELIFECYCLE
npm ERR! @ server: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ server script 'webpack-dev-server --open'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack-dev-server --open
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:wabgnpm-debug.log

The reason:
Webpack is not compatible with the webpack-dev-server version, resulting in a compilation error.
Solution:
Uninstall and reinstall with the following command:
Uninstall version:

cnpm uninstall webpack -g   or    npm uninstall webpack -g
cnpm uninstall -g webpack-dev-server   or   npm uninstall -g webpack-dev-server

Install the specified version

cnpm install [email protected] --save-dev   or   npm install [email protected] --save-dev
cnpm install [email protected] --save -dev   or   npm install [email protected] --save -dev

Decipher the evolutionary path of junior, middle and senior programmers (front end)

Can only complete the development of simple modules and projects, difficult to be competent for the development of complex modules. Usually enter the line not long, 1 year and below the work experience of the students.
Capacity requirements
1. Familiar with basic front-end knowledge such as HTML, JS and CSS.
2. Able to use an MVVM framework for simple business development.
3. When it comes to complex components and modules, it will find existing wheels to use.
4. Able to use search tools such as Baidu and Google to search for problems.
Intermediate Programmer (Ali P5)
Able to independently take charge of specific tasks of a sub-module or project with necessary coaching or standard process support, and be responsible for timeliness and accuracy. Usually students with 2-3 years of working experience.
Capacity requirements
1. In addition to front-end basic knowledge, familiar with computer, network and other professional basic knowledge.
2. Skilled in the technology stack development business used in work. (In addition to the MVVM framework, you can also learn about Webpack configuration).
3. Be able to understand the whole life cycle of a requirement from development to launch, and be responsible for each link.
4. Capable of basic logical analysis, problem decomposition, induction and summary.
5. Understand the basic data structure and algorithm, and be proficient in writing code.
6. I know how to find problems from reliable channels, and I will build some simple wheels to assist business development when I can’t find the right wheels.
Senior Programmer (Ali P6)
Ability to work independently with high quality, grasp the overall implementation of a system/team, refine new methods or solutions during implementation, or propose improvements to existing solutions and prove their effectiveness. Usually students with 3 years of working experience.
Capacity requirements
1. Have the ability to be independent, and can complete the work of module level with high quality.
2. Proficient in the technology stack used in the work, and understand their implementation principle.
3. Able to find pain points in the whole life cycle of a requirement from development to launch, and use technical means to solve them and improve efficiency.
4. Able to analyze and dismantle problems or requirements in module dimension, and make a relatively reasonable implementation plan.
5. Skilled in the basic data structure and algorithm, the code conforms to the standard and the logic is clear.
6. Good technical selection ability.
The evolutionary path of the programmer
Primary – & gt; The intermediate
It is usually at the beginning stage that the room for progress is greatest, and there is no ceiling at this stage.
coding
Coding is the most frequent thing you need to do in the early stages. As the old saying goes, what makes perfect is the same as writing code.
Sample code for what
In the company to do more business, try different businesses, the goal is to let oneself first become a skilled worker. You can also do some small projects after work. You can choose the content you are interested in and try to implement it by yourself.
How to Code
Learn to imitate, refer to Daniel’s coding style, like a sheep. If the company has a code specification, follow the company’s code specification, if not, refer to industry specifications and discipline yourself with tools such as ESLint. Encounter some can’t write, even if can find a reference code, follow copy again also line.
work
You spend most of your time at work, so how do you make the most of your 8 hours at work?
To be familiar with the business, we should not only immerse ourselves in writing code, but also understand the business, seriously participate in the requirements review process, and clarify the tasks we do.
Familiar with workflow
To be familiar with every working link from demand – development – joint adjustment – testing – on-line, conscientiously implement according to the specifications, and have reverence for on-line.
Promote efficiency
Try not to be interrupted when you’re working. Schedule an uninterrupted time, such as 2pm to 4pm, where you can just code and do nothing else. Reduces the time spent filling the group with water and bucket maps.
Work overtime
You can accept reasonable overtime work (such as working overtime to meet a certain demand), and do not accept routine overtime without any compensation or rest (996), because routine overtime will compress your time for study and life.
learning
The primary stage is to improve their ability through a lot of learning.
Learn to develop skills that can prepare you for more complex and challenging work.
Should learn what content front-end foundation, JS, CSS, HTML repeatedly study. A front-end MVVM framework used in the work. Knowledge of breadth, such as HTTP, regular expressions, Web security, performance optimization, design patterns, data structures, and algorithms.
Find the right way to study
Reading + coding: buy classic books to read, and as a reference tool to write code, reading and coding is a repeated process, basically is reading ->; Encoding – & gt; Read a book – & gt; Coding cycle 3-4 times, this process is in the constant practice of internal skills.
Video: MOOC introduction of actual combat video, according to their own needs to buy, to fully learn their own purchase of each video, carefully follow the teacher to learn again and again, do not understand to actively ask questions, learning lies in depth rather than more. The advantage of videos over books is that they are more relevant to practice and business, and the course is more flexible to upgrade and update.
Official website documentation: learn each new technology stack, the best way to get started is through its documentation learning, you can systematically go through the document, hand knock it every example.
Community: Chinese communities such as MOOC Notes, Nuggets, CSDN, InfoQ, etc., use fragmented time to read some high-quality articles to learn.
GitHub: Learn how to use GitHub and know basic operations such as clone, fork, pull, push, etc.
If you want to grow faster than others, you have to spend more time studying than others (which is why overtime is not encouraged), especially in the early stages, where the growth curve is very fast.
As the saying goes, good memory is better than bad pen, you can develop the habit of writing blogs, the content of learning recorded in the form of words, collated into articles, and according to the technical direction of learning to do classification.
Ask questions
In the initial stage, it is inevitable that you will often encounter problems. Being able to ask questions is also a skill. Good posture can make you get twice the result with half the effort.
Bad way to ask questions
“What does this mean?” ; Lack of thinking, not to reflect their own thinking process about the problem.
“Why does my code look exactly like yours, but it doesn’t work?” ; Lack of context. Code should be told if compiled but still won’t run, error messages, relevant code, code analysis that might go wrong. Without enough context, even the gods don’t know how to solve the relevant problem.
“Why XXX can (can’t) yyy”; The question itself is a false conclusion, usually just looking at the phenomenon without analyzing the nature of the problem.
Good Way to Ask Questions
First of all, before you ask a question, you should think about it thoroughly and learn to disassemble the question. In the process of disassembling, the complexity of the question will be reduced. Secondly, we should make good use of search engines, extract keywords to search engines, and first try to solve the problem by ourselves.
If you still can’t solve the problem, you can send the relevant context of the problem, screenshots and necessary identification, along with your thought process, the relevant information you find, and your own analysis to the person who wants to help you, and can provide a minimized repetition of the problem.
Finally, reorganize the problem and the solution, and let the person who helped you know that the problem has been solved. Reorganizing the process will help you clear your mind and gain a deeper understanding of the problem.
Intermediate – & gt; senior
By the middle level, it basically means that you can work for a big company at a time when the big company is short of people, and if you want to be a must-have at a big company, then you need to work towards the senior level.
coding
Yes, at the intermediate level, the most important way to improve is still to code.
Sample code for what
Different from the primary level, besides doing business, you are also involved in some technical projects, such as the development of component libraries within the group, the development of some general JSSDK, which will require you more technical skills.
I have the opportunity to participate in the building of some commonly used open source technology stacks. For example, if I want to realize each feature but the existing open source libraries are not satisfied, I can put forward a pull request if the implementation is not difficult.
How to Code
Learn to imitate, in addition to refer to the coding style of Daniel, but also think about their coding ideas, think more about why they do so.
Learn componentization and modularization of development, learn to reuse and encapsulation, reduce the operation of CV.
Responsible for the quality of your own code, and can often organize code reviews.
work
To move up the ladder, you need to be productive in your job.
Business thinking
Understand the goals of the business and the company, participate in the early stages of demand, and think more about the business and whether there are technological means to improve the value of the business. For example, reducing the blank screen time on the mobile end can bring a good user experience and improve user retention.
Technical thinking
Think about some pain points in business development, how to use technical means to optimize the business development process, improve the development efficiency, such as a customized scaffolding tool for business.
Optimize workflow
Not only should we be familiar with every work link from demand – development – joint investigation – test – online, but we should also think more about whether there is something that can be improved in each link, especially in the online process, such as whether it can be automated, whether it can be launched with a small amount of traffic, and whether it can roll back the code in time.
Technology to share
Some of the problems encountered in the work of the solution, the study of some new techniques, the output of some technical project summary, as technology sharing in the group and the output, the precipitation can be summed up your technique, 2 it is can let everybody to know what you do, the technology and active team atmosphere, three is to exercise their expression ability, this ability is very important in big company’s reporting on activities in the promotion.
learning
The intermediate stage still requires a lot of learning to improve their ability.
Clarify your learning goals
Learning is to improve my hard strength, not only to improve work efficiency, but also to better serve the business, promotion and salary increase.
What should I study
Investigate the toolchains used in your work, not just the run-time MVVM framework, but also the compile-time Webpack, with source code implementations if necessary.
Dig deep into some breadth of knowledge, such as HTTP, regular expressions, Web security, performance optimization, design patterns, data structures, and algorithms, and apply them to your work.
Find the right way to study
Read books: Find classic books to read in your study direction and make some study notes appropriately.
Video: such as MOOC network advanced combat video, according to their own needs to buy.
Website documentation: Try to read the documentation in English.
Communities: StackOverflow, HackerNews, MOOCs, Nuggets, etc. In addition to using your fragmented time to read and learn some quality articles, you can also post some quality articles on them.
Time and depth of study
At the intermediate level, where you still need to spend a lot of time studying, you need to focus on the depth of your learning.
Knowledge of precipitation
As the saying goes, a good memory is better than a bad pen. You can develop the habit of writing a blog, and record and publish some non-sensitive knowledge that you have learned in depth in your work, instead of just publishing some basic knowledge.
The view
In addition to the technology stack used in my own work, I should also understand other excellent open source technology stacks of the same kind, and compare them from multiple dimensions (feature integrity, documentation, difficulty in learning, maintenance, ecology, etc.).
Be sensitive to new technologies, and always think about whether they can add value to your business, and make reasonable technology selection when needed.
conclusion
Technical skills are the ability to solve problems and the ability to learn, so improving these two skills is something you should always be working on no matter what level you are at, or even higher.

NPM run build error solution

An error is as follows

checked online related:
.
because package json file does not have to configure the build script, so the above error!
Solutions:
1. Add build script to scripts in package.json:

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config webpack.config.js"
  }
}


“NODE_ENV” : user-defined environment variable
webpack “: integrated packaging command
“>config” : config file
“webpa>onfig.js” : config file, which is a Node. js module that returns a JSIN-formatted configuration information object, or the –config option to specify the configuration file

It is possible that ‘cross-env’ is not an internal or external command and is not a executable program
can be resolved by NPM I –save-dev cross-env.
The results of
Execute NPM run build, and the results will appear in the dist folder. Successful packaging!

Reference: https://www.cnblogs.com/tugenhua0707/p/9780621.html

https://www.cnblogs.com/eyunhua/p/6507100.html

Error in Babel configuration of webpack

In the configuration of Babel times wrong below

as we can see from the error prompt time configuration Babel when make a mistake, then we need to look to the specific configuration of Babel, this is my configuration

from the configuration, see can see problems in persets words are spelt wrong, this kind of error is quite common, the correct method is presets

Vue running error: error failed to compile with 1 errors, browser error: cannot get/

Error Failed to compile with 1 errors: Cannot GET /
Share the solution to the problem I encountered for your reference!
Today, while running the Vue project, the following error occurred on the command line:

 
Browser access returned the following error: no root route was found

 
Js, and the actual name of the project has changed. In the configuration file, the name is main.html, and in the root directory of the project, it is index.html

Therefore, change main.html to index.html in the configuration file and the project will start successfully.
 

Webpack encountered a variety of problems to solve

The overview of WebPack is not much longer.
Let me go straight to some of the problems I encountered in learning WebPack.
Problem 1: An error has been reported during the installation of the partial WebPack and the installation failed.
The common reason for this is that when you execute NPM init-y, the “name” attribute in the package.json file is called “Webpack” by default, which will result in repeated name errors.


Question 2: When you install WebPack Webpack-CLI (I think it was in 4. After a few versions you must install webpack-cli) webpack-dev-server, execute
NPM run dev. Report an error finding that a file in the webpack directory cannot be found. This is usually due to version incompatibility.
I recommend you check out an answer from the nuggets, linked below
About the version of the three plug-ins
These are the problems that newcomers generally encounter. In fact, when they encounter these problems, there are no more than the following situations:

    version is not compatible without permissions local and global problems network speed has a problem, the package did not download good

So you find the error message first, and then you get a sense of what it means. If you still can’t figure it out, ask the search engines. Slowly narrow down the bug, and that’s it

Error: can’t resolve ‘FS’ in (webpack 2 configures CSS loaders)

Preamble, CSS loaders in Webpack 2 have been configured before, but how incorrect
Error:

ERROR in ./~/convert-source-map/index.js
Module not found: Error: Can't resolve 'fs' in '/Users/ceshi/Desktop/webpack/node_modules/convert-source-map'
 @ ./~/convert-source-map/index.js 2:9-22
 @ ./~/css-loader/lib/css-base.js
 @ ./~/css-loader!./app/style.css
 @ ./app/style.css
 @ ./app/main.js


Fix this by modifying the webPack configuration file to add a single line of code

 node: {
        fs: 'empty'
    },


Test success

Error: Cannot find module ‘webpack/schemas/WebpackOptions.json’

1. Error reason

C:\Users\Administrator\cma>webpack you.js today.js
internal/modules/cjs/loader.js:573
    throw err;
    ^

Error: Cannot find module 'webpack/schemas/WebpackOptions.json'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15)
    at Function.Module._load (internal/modules/cjs/loader.js:497:25)
    at Module.require (internal/modules/cjs/loader.js:626:17)
    at require (C:\Users\Administrator\node_modules\v8-compile-cache\v8-compile-
cache.js:159:20)
    at Object.<anonymous> (C:\Users\Administrator\node_modules\webpack-cli\bin\c
onfig-yargs.js:1:85)
    at Module._compile (C:\Users\Administrator\node_modules\v8-compile-cache\v8-
compile-cache.js:178:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
    at Module.load (internal/modules/cjs/loader.js:589:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
    at Function.Module._load (internal/modules/cjs/loader.js:520:3)

C:\Users\Administrator\cma>

2. Error reason
When you use WebPack to package JavaScript files, you first prompt for this

One CLI for webpack must be installed. These are recommended choices, delivered
as separate packages:
 - webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
 - webpack-command (https://github.com/webpack-contrib/webpack-command)
   A lightweight, opinionated webpack CLI.
We will use "npm" to install the CLI via "npm install -D".
Which one do you like to install (webpack-cli/webpack-command):

Webpack-cli was selected and installed

Installing 'webpack-cli' (running 'npm install -D webpack-cli')...
npm WARN deprecated [email protected]: Package no longer supported. Contact support@n
pmjs.com for more info.
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\esparse.cmd as
 it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@espri
ma
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\esparse as it
wasn't installed by C:\Users\Administrator\node_modules\[email protected]@esprima
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\esvalidate.cmd
 as it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@es
prima
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\esvalidate as
it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@esprim
a
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\coffee.cmd as
it wasn't installed by C:\Users\Administrator\node_modules\coffee-script
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\cake.cmd as it
 wasn't installed by C:\Users\Administrator\node_modules\coffee-script
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\coffee as it w
asn't installed by C:\Users\Administrator\node_modules\coffee-script
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\cake as it was
n't installed by C:\Users\Administrator\node_modules\coffee-script
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\semver.cmd as
it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@semver
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\semver as it w
asn't installed by C:\Users\Administrator\node_modules\[email protected]@semver
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\rimraf.cmd as
it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@rimraf
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\rimraf as it w
asn't installed by C:\Users\Administrator\node_modules\[email protected]@rimraf
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\mkdirp.cmd as
it wasn't installed by C:\Users\Administrator\node_modules\[email protected]@mkdirp
npm WARN rm not removing C:\Users\Administrator\node_modules\.bin\mkdirp as it w
asn't installed by C:\Users\Administrator\node_modules\[email protected]@mkdirp
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrat
or\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Administrator\
package.json'
npm WARN [email protected] requires a peer of webpack@^4.0.0 but none is install
ed. You must install peer dependencies yourself.
npm WARN Administrator No description
npm WARN Administrator No repository field.
npm WARN Administrator No README data
npm WARN Administrator No license field.

+ [email protected]
added 615 packages from 252 contributors, removed 615 packages and updated 30 pa
ckages in 139.557s
[!] 855 vulnerabilities found [13424 packages audited]
    Severity: 846 Low | 9 High
    Run `npm audit` for more detail

{ Error: Cannot find module 'webpack/schemas/WebpackOptions.json'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15)
    at Function.Module._load (internal/modules/cjs/loader.js:497:25)
    at Module.require (internal/modules/cjs/loader.js:626:17)
    at require (C:\Users\Administrator\node_modules\v8-compile-cache\v8-compile-
cache.js:159:20)
    at Object.<anonymous> (C:\Users\Administrator\node_modules\webpack-cli\bin\c
onfig-yargs.js:1:85)
    at Module._compile (C:\Users\Administrator\node_modules\v8-compile-cache\v8-
compile-cache.js:178:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
    at Module.load (internal/modules/cjs/loader.js:589:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
    at Function.Module._load (internal/modules/cjs/loader.js:520:3) code: 'MODUL
E_NOT_FOUND' }

During the installation process, a lot of prompts can not be removed, can not find the relevant JSON file

3. Solutions
CNPM install – save – dev webpack

C:\Users\Administrator>cnpm install --save-dev webpack
\ [0/1] Installing object.pick@^1.3.0[[email protected]] download Error: GET
 http://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-2.0.1.t
gz response 504 status, fail count: 1
/ [0/1] Installing uglifyjs-webpack-plugin@^1.2.4[npminstall:get] retry GET http
s://registry.npm.taobao.org/uglifyjs-webpack-plugin after 100ms, retry left 4, e
rror: SyntaxError: Unexpected end of JSON input
- [0/1] Installing is-descriptor@^1.0.0[npminstall:get] retry GET https://regist
ry.npm.taobao.org/acorn after 100ms, retry left 4, error: ResponseError: socket
hang up (req "error"), GET https://registry.npm.taobao.org/acorn -1 (connected:
true, keepalive socket: false, agent status: {"createSocketCount":21,"createSock
etErrorCount":0,"closeSocketCount":3,"errorSocketCount":0,"timeoutSocketCount":1
,"requestCount":138,"freeSockets":{"registry.npm.taobao.org:443::::::::true:::::
:::":4},"sockets":{"registry.npm.taobao.org:443::::::::true::::::::":4,"cdn.npm.
taobao.org:443::::::::true::::::::":10},"requests":{"cdn.npm.taobao.org:443:::::
:::true::::::::":12}})
headers: {}
\ [0/1] Installing kind-of@^3.0.2platform unsupported [email protected] › watchpac
[email protected][email protected] › fsevents@^1.1.2 Package require os(darwin) not comp
atible with your platform(win32)
[fsevents@^1.1.2] optional install error: Package require os(darwin) not compati
ble with your platform(win32)
/ [0/1] Installing minimalistic-crypto-utils@^1.0.1[npminstall:get] retry GET ht
tps://registry.npm.taobao.org/move-concurrently after 100ms, retry left 4, error
: ResponseError: socket hang up (req "error"), GET https://registry.npm.taobao.o
rg/move-concurrently -1 (connected: true, keepalive socket: true, agent status:
{"createSocketCount":23,"createSocketErrorCount":0,"closeSocketCount":4,"errorSo
cketCount":0,"timeoutSocketCount":2,"requestCount":415,"freeSockets":{"registry.
npm.taobao.org:443::::::::true::::::::":8},"sockets":{"cdn.npm.taobao.org:443:::
:::::true::::::::":10,"registry.npm.taobao.org:443::::::::true::::::::":1},"requ
ests":{"cdn.npm.taobao.org:443::::::::true::::::::":16}})
headers: {}
\ [0/1] Installing once@^1.4.0[npminstall:get] retry GET https://registry.npm.ta
obao.org/component-emitter after 100ms, retry left 4, error: ResponseError: sock
et hang up (req "error"), GET https://registry.npm.taobao.org/component-emitter
-1 (connected: true, keepalive socket: true, agent status: {"createSocketCount":
26,"createSocketErrorCount":0,"closeSocketCount":7,"errorSocketCount":0,"timeout
SocketCount":3,"requestCount":436,"freeSockets":{"registry.npm.taobao.org:443:::
:::::true::::::::":9},"sockets":{"cdn.npm.taobao.org:443::::::::true::::::::":10
},"requests":{"cdn.npm.taobao.org:443::::::::true::::::::":21}})
headers: {}
\ [0/1] Installing is-buffer@^1.1.5[npminstall:get] retry GET https://registry.n
pm.taobao.org/run-queue after 100ms, retry left 4, error: ResponseError: socket
hang up (req "error"), GET https://registry.npm.taobao.org/run-queue -1 (connect
ed: true, keepalive socket: true, agent status: {"createSocketCount":26,"createS
ocketErrorCount":0,"closeSocketCount":14,"errorSocketCount":0,"timeoutSocketCoun
t":7,"requestCount":499,"freeSockets":{"cdn.npm.taobao.org:443::::::::true::::::
::":7,"registry.npm.taobao.org:443::::::::true::::::::":1},"sockets":{"cdn.npm.t
aobao.org:443::::::::true::::::::":3,"registry.npm.taobao.org:443::::::::true:::
:::::":1},"requests":{}})
headers: {}
/ [0/1] Installing aproba@^1.1.1[npminstall:get] retry GET https://registry.npm.
taobao.org/p-limit after 100ms, retry left 4, error: ResponseError: socket hang
up (req "error"), GET https://registry.npm.taobao.org/p-limit -1 (connected: tru
e, keepalive socket: true, agent status: {"createSocketCount":27,"createSocketEr
rorCount":0,"closeSocketCount":25,"errorSocketCount":0,"timeoutSocketCount":17,"
requestCount":506,"freeSockets":{"cdn.npm.taobao.org:443::::::::true::::::::":1,
"registry.npm.taobao.org:443::::::::true::::::::":1},"sockets":{},"requests":{}}
)
headers: {}
√ Installed 1 packages
√ Linked 256 latest versions
√ Run 0 scripts
Recently updated (since 2018-05-25): 21 packages (detail see file C:\Users\Admin
istrator\node_modules\.recently_updates.txt)
  Today:
    → [email protected] › acorn@^5.0.0(5.6.1) (15:49:17)
√ All packages installed (263 packages installed from npm registry, used 3m, sp
eed 26.89kB/s, json 257(1.73MB), tarball 3.23MB)