Webpack-dev-server Не удается найти модуль

Добро пожаловать,Webpack-dev-server Не удается найти модуль

Я новичок в React и Node.js специально. Я хотел узнать кое-что о Реактике и в конечном итоге боролся с Node.js. Проблема в том, что я не могу правильно настроить веб-dev-сервер. Извините, если этот вопрос кажется тривальным, хотя я не нашел решение часами.

Здесь: webpack.config.js

module.exports = { 
    entry: './src/index.js', 
    output: { 
     path: __dirname, 
     filename: 'app/js/main.js' 
    }, 
    module: { 
     loaders: [{ 
       test: /\.jsx?$/, 
       loader: 'babel', 
       exclude: /node_modules/ 
      }] 
    } 
}

package.json

{ 
    "name": "Github_profile_viewer", 
    "version": "0.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "BSD", 
    "devDependencies": { 
    "babel-core": "5.8.*", 
    "babel-loader": "5.3.*", 
    "webpack": "1.12.*", 
    "webpack-dev-server": "1.10.*" 
    }, 
    "dependencies": { 
    "react": "^0.14,7", 
    "react-dom": "^0.14.7" 
    } 
}

http://localhost:8080/app/js/main.js

/******/ (function(modules) { // webpackBootstrap 
/******/ // The module cache 
/******/ var installedModules = {}; 

/******/ // The require function 
/******/ function __webpack_require__(moduleId) { 

/******/  // Check if module is in cache 
/******/  if(installedModules[moduleId]) 
/******/   return installedModules[moduleId].exports; 

/******/  // Create a new module (and put it into the cache) 
/******/  var module = installedModules[moduleId] = { 
/******/   exports: {}, 
/******/   id: moduleId, 
/******/   loaded: false 
/******/  }; 

/******/  // Execute the module function 
/******/  modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 

/******/  // Flag the module as loaded 
/******/  module.loaded = true; 

/******/  // Return the exports of the module 
/******/  return module.exports; 
/******/ } 


/******/ // expose the modules object (__webpack_modules__) 
/******/ __webpack_require__.m = modules; 

/******/ // expose the module cache 
/******/ __webpack_require__.c = installedModules; 

/******/ // __webpack_public_path__ 
/******/ __webpack_require__.p = ""; 

/******/ // Load entry module and return exports 
/******/ return __webpack_require__(0); 
/******/ }) 
/************************************************************************/ 
/******/ ([ 
/* 0 */ 
/***/ function(module, exports, __webpack_require__) { 

    (function webpackMissingModule() { throw new Error("Cannot find module \"./src/index.js\""); }()); 


/***/ } 
/******/ ]);

Я также получить такой warrning, когда я пытаюсь установить WebPack-DEV-сервер: CMD Error

Увы, я уже npm installed, что требуется модуль (по крайней мере, это должно быть именно так).

Я понятия не имею, что я должен сделать, чтобы сделать это работает :(

источник

2016-06-09 0blivion6

Какова структура каталогов вашего приложения Убедитесь, что ан try point находится в './src/index.js' – zeronone

Ошибка на картинке говорит, что lodash не найден. Попробуйте 'npm install --save lodash' – zeronone

Благодарим вас за ответы, но они не помогли. 1. Я не могу использовать npm install --save lodash, это приводит к ошибке. Тем не менее я добавил lodash как зависимость и devDependency в файле package.json. Когда я запускаю npn install, он запускается, но webpack-dev-server не может найти его. 2. Моя файловая структура в порядке :( – 0blivion6

Кажется, что lodash должны быть включены через npm install, но WebPack-DEV-сервер не может найти его:

npm install

источник

2016-06-10 08:43:09 0blivion6

это ошибка кэш или что-то подобное быстрое решение может быть:.?

rm -rf node_modules 
rm -rf ~/.npm 
npm install -g npm 
npm install

источник

2017-09-13 12:51:37

Webpack-dev-server Не удается найти модуль

ответ

Смежные вопросы