小白開始學習前端全棧之nodejs基礎依賴的問題

2015-08-17 19:33:00
hainuo
原創 2928
在學習wabpack([webpack-howto](https://github.com/hainuo/webpack-howto) 或者 [webpack-howto中文版](https://github.com/hainuo/webpack-howto-zh-cn-))的時候 遇到這樣的問題```ERROR in ./modules/main.jsModule not found: Error: Cannot resolve module 'react' in /Users/fengliu/www/webpack-howto/example/modules @ ./modules/main.js 6:12-28```於是就打開`main.js`來查看髮現內部代碼如下:```/** @jsx React.DOM */var App = require('./App');var Home = require('./Home');var About = require('./About');var React = require('react');var Router = require('react-router');var {DefaultRoute, Route, Routes} = Router;var routes = ( );Router.run(routes, Router.HistoryLocation, function(Handler) { React.render( , document.body);});```很簡單的代碼,我這箇PHPer很簡單的明白瞭coder的意圖。但是當我在example目録下使用命令`wabpack`的時候,抱錯就就是上麵的抱錯代碼,意思其實就是找不到`react` 那麽怎麽辦呢?我從代碼1行開始髮現js有這樣的規律:> require('./App');是用來調用衕一級目録下的App.js的> 但是require('react'); 就令人費解瞭我想到瞭肯定是nodejs的依賴包,於是使用命令`npm install react`來安裝但是結果卻不是那麽如意:```fengliu@fengdeAir [06:18:58] [~]-> % cnpm install react -greact@0.13.3 /usr/local/lib/node_modules/react└── envify@3.4.0 (through@2.3.8, jstransform@10.1.0)```首先我將`react`安裝爲全局的依賴,結果找不到於是我就在本目録下安裝齣現這樣的bug```fengliu@fengdeAir [06:28:26] [~/www/webpack-howto/example] [master *]-> % cnpm install reactnpm WARN package.json webpack-howto-example@1.0.0 No descriptionnpm WARN package.json webpack-howto-example@1.0.0 No repository field.npm WARN package.json webpack-howto-example@1.0.0 No README datareact-build@0.14.0-beta3 node_modules/react-build```怎麽就來瞭一箇 _**`react-build`**_ 肯定不是我們需要的。但是還是要運行`webpack`試試纔行,抱錯如舊:找不到react。於是我打開npm包管理主頁,看到react的最新版本爲0.13.3於是代碼又來瞭```fengliu@fengdeAir [06:30:21] [~/www/webpack-howto/example] [master *]-> % cnpm install --save react@0.13.3npm WARN package.json webpack-howto-example@1.0.0 No descriptionnpm WARN package.json webpack-howto-example@1.0.0 No repository field.npm WARN package.json webpack-howto-example@1.0.0 No README datareact@0.13.3 node_modules/react└── envify@3.4.0 (through@2.3.8, jstransform@10.1.0)fengliu@fengdeAir [06:31:54] [~/www/webpack-howto/example] [master *]-> % webpack --watchHash: 8489cf570f2a5c2af2f0Version: webpack 1.11.0Time: 1901ms Asset Size Chunks Chunk Namesbundle.js 645 kB 0 [emitted] main + 164 hidden modulesERROR in ./modules/main.jsModule not found: Error: Cannot resolve module 'react-router' in /Users/fengliu/www/webpack-howto/example/modules @ ./modules/main.js 7:13-36ERROR in ./modules/App.jsModule not found: Error: Cannot resolve module 'react-router' in /Users/fengliu/www/webpack-howto/example/modules @ ./modules/App.js 4:12-35^C```這樣我們調試通過瞭`react`下麵就是`react-router`瞭衕理。當然其實這裡麵還差着一步就是```npm install```安裝所有的依賴包,我之所以沒在這裡先提這箇,是因爲這箇我安裝通過後,纔遇到的react和react-router找不到的問題第一篇就在這裡瞭,其實併不是講webpack隻是在補我對nodejs依賴管理不明不白,不清不楚的缺陷。
發錶評論
肆 加 拾 =
評論通過審核後顯示。