after running the npm install webpack-cli-D command at the prompt, package.json shows the existing webpack-cli, and then runs the webpack command again.
after running the npm install webpack-cli-D command at the prompt, package.json shows the existing webpack-cli, and then runs the webpack command again.
recently I am also learning the latest version of webpack. This problem also bothered me for a while at first, but later found out that it was already written clearly in the guide of the original document.
that is to use the npx command.
none of the answers from upstairs actually solved the problem at all.
webpack4's latest documentation, it is recommended that each project use a separate webpack, that is, a partial installation. The package.json in such a project can manage the dependent environment package. Global installation of webpack and webpack-cli again is global and does not have the effect of local installation.
During the partial installation of, the executable files of these executable packages, that is, cmd files, are all in the node_module/.bin directory of the project, and the npx command is to automatically go to this directory to find the execution files.
so, partially install the project's own webpack and webpack-cli, and execute, just a few commands:
npm init-y
npm install webpack- D
npm install webpack-cli-D
after writing the webpack configuration file, package the command:
npx webpack
of course, it is also possible to use a global webpack. However, if the project is copied to someone else's computer, there is no guarantee that webpack is a unified version. No, no, no.
when you have the same problem,
npm I webpack-cli-D is done, and you still need to install npm I webpack-cli-g
globally before using webpack.
if you report an error during the installation of webpack-cli, you may also need to configure the environment variable path of node
it needs to be installed alongside webpack to use the CLI
webpack-cli needs to be installed at the same time as webpack to take effect. Remember! Install
at the same time yarn add webpack-cli webpack- D
if you want to hold a command, you need to install one globally.
otherwise, complete the path. / node_modules/webpack
if you remember correctly, you will complete the path anyway, because you-D is installed under the node_modules of the current project. You need to tell him where to find this order
otherwise he would have gone to the whole world to look for it. However, if the global situation cannot be found, an error will be reported
. encountered the same problem. I don't know if you also use webpack4?.
my solution is to add the configuration to the config configuration file: mode: 'development' or mode:' production'
module.exports={
//
mode: 'development',
devServer: {
//
}
} mode is a new configuration item for webpack4.
you can try. The
command line with arguments-- mode development or-- mode production should also work.
or return to the old version
then install one? We'll know when the system is finished.
I just encountered this problem, but I partially installed a webpack-cli and solved
I didn't directly-g ok
npm install webpack-cli-g / / global installation
webpack- v / see version
webpack / / packaged into
1. Write the landing page with react, after calling the background data with axios, judge the route of the page to jump according to the return value, how to jump? 2.axios.get ( login login.action?username= +name+ &password= +pd, {) timeout: 1000...
setting in state: this.state = {checkList: []}; checkList initializes it with an array of the same length as JsonPage: this.setState ({checkList:checkSaveCount}); checkSavaCount is the same length as the following JsonPage. the following creates...
import React from react ; class PublicScreen extends React.Component { constructor(props) { super(props); this.getStyle = this.getStyle.bind(this); } getStyle() { const { width = 1920, height = 1080 } = this.pr...
renderdphtmldvareturnapiBackend: apiBackend ...
react projects cannot save store? using redux, data index.js ReactDOM.render( <Provider store={store}> <Router > < Provider>, document.getElementById( root )) registerServiceWorker() actions export const SET_USER = ...
this method is included in the constructor of most components, so what exactly is this method for constructor(props,context){ super(props,context) } ...
use the Table component of Antd Design, first check out the data, and then select a CheckBox, but when you change pages, that CheckBox will not disappear. For example, when I select the first line on the first page, and then skip to the second page, the ...
I can run before packaging without any error reports. This problem occurs after packaging. reports such an error in the browser, using scaffolding made by create-react-app, and the back end is Node.js, backend. No error is reported: packages two diff...
segmentfault dvaws.open().websocketwebsocketws ws.openfetchGETloginsendfetchCOOKIECOOKIEFETCHCOOKIECOOKIE ...
...
now we need to develop a website to generate front-end pages based on the node ID saved in the database. For example, the json data is: let data=[ {"id":1,"pid":0,"type":"div"}, {"id":2,"pi...
I pass values through redux scenario is when I click on the navigation bar of component 1 and refresh the ajax of component 2 is the data returned by ajax accepted by this.state.contnet what should I write? There is an urgent need for ideas. ...
official example of full copy: this is the official sample code: import { Select } from antd ; const Option = Select.Option; function handleChange(value) { console.log(`selected ${value}`); } ReactDOM.render( <div> <Select defaul...
how to use react to change the value of Input < hr > export default class myForm extends Component{ constructor(props){ super(props); this.state = { id: , }; } change=()=>{ var idIn...
want to set the meta tag to solve the adaptive problem <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> meta LOGO ...
use list as the option data source for Select, but use callback, which cannot be rendered. Just call it directly, as shown in the figure below. The first method is fine, and the second is not. Because there are many Select, on a page, you need to use th...
< H1 > github address < H1 > error will be reported when using npm run dev const path = require( path ); const merge = require( webpack-merge ); const common = require( . webpack.common.js ); dev-server let BundleAnalyzerPlugin = require( ...
import React from react ; import ReactDOM from react-dom ; import . assets styles index.less ; import Green from . assets images green.png ; import Red from . assets images red.png ; class Circle extends React.Component { constructor...
There are two areas in the State and Lifecycle section that I don t quite understand 1. State Updates are Merged The merging is shallow, so this.setState ({comments}) leaves this.state.posts intact, but completely replaces this.state.comments. ...
like this [array [xxx], array [xxx], array [xxx].] merge all xxx in array into one array [xxx.] ...