Have errors when I use less. Can you help me?

[AidanDai]

hello guys! can you help me?

I use generator-react-webpack on README.md, but it's appear errors. In order to resolve this error, I try to search.

Stack overflow: Error: Cannot resolve module 'babel-loader', it is siad that this can't install "babel": "^5.8.23", "babel-core": "^5.0.0","babel-loader": "^5.3.2". so I install. but it is error.

config that I check is true, why is it error, can you help me?

Error

ERROR in ./src/components/Main.js
Module not found: Error: Cannot resolve module 'less-loader' in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\src\components
 @ ./src/components/Main.js 24:0-26

Detail

client?ce4f:75./src/components/Main.js
Module not found: Error: Cannot resolve module 'less-loader' in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\src\components
resolve module less-loader in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\src\components
  looking for modules in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules
    module variation less-loader-webpack-loader
      resolve 'file' less-loader-webpack-loader in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules
        resolve file
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.webpack-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.web-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.js doesn't exist
      G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader doesn't exist (module as directory)
    module variation less-loader-web-loader
      resolve 'file' less-loader-web-loader in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules
        resolve file
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.webpack-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.web-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.js doesn't exist
      G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader doesn't exist (module as directory)
    module variation less-loader-loader
      resolve 'file' less-loader-loader in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules
        resolve file
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.webpack-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.web-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.js doesn't exist
      G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader doesn't exist (module as directory)
    module variation less-loader
      resolve 'file' less-loader in G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules
        resolve file
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.webpack-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.web-loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.loader.js doesn't exist
          G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.js doesn't exist
      G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader doesn't exist (module as directory)
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.webpack-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.web-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-webpack-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.webpack-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.web-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-web-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.webpack-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.web-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.webpack-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.web-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader.js]
[G:\xampp\htdocs\web-develop\front_end-project\react-project\react-autocompleted-input\node_modules\less-loader]
 @ ./src/components/Main.js 24:0-26

Local ENV

• win7
• node 6.9.1
• npm 4.0.5

Project

AidanDai/react-autocompleted-input

[sthzg]

@AidanDai seems like npm-loader was not installed with the generator. Could you run
npm install less-loader --save-dev and then try again?

[AidanDai]

@sthzg installed previous, it's error always.

[weblogixx]

Hi @AidanDai,

we had such Problems a couple of times. It may happen that the automatic npm install does not run correctly, e.g. it would not install certain dependencies. This is unfortunately not reproduceable. It may help if you just run a complete npm install in the root folder of your generated project again. Sometimes the following may help, too:

cd PATH/TO/YOUR/PROJECT
npm cache clean
rm -rf node_modules
npm install

This will clean all package caches from previously installed packages, remove the installed node_modules and reinstall them again. Seems that sometimes npm causes some hickups.

Please tell us if this helps.

[weblogixx]

@AidanDai,

just had a look at your repo. It installs and runs fine for me. Is it possible that you are behind the great wall? We had multiple users that could not npm install some dependencies because they seemed to be blocked (at least sometimes).

[AidanDai]

@weblogixx thanks very much. I am sory don't give you a answer immediately, because I am busy other work recently.

I am behind the great wall. so that it is error.