2015-08-25 28 views
11

मैं अपने प्रोजेक्ट में फ़ाइलों को प्रबंधित करने के लिए वेबपैक का उपयोग करने का प्रयास करता हूं। मैं वेबपैक-देव-सर्वर और बोवर-वेबपैक-प्लगइन का उपयोग करता हूं। जब मैं सर्वर चलाता हूं, तो मुझे ब्राउज़र कंसोल में त्रुटि मिलती है।मॉड्यूल नहीं मिला: त्रुटि: मॉड्यूल 'सर्वर' को हल नहीं कर सकता

मॉड्यूल नहीं मिला: त्रुटि: मॉड्यूल को हल नहीं किया जा सकता 'सर्वर'

webpack.config.js

const BowerWebpackPlugin = require("bower-webpack-plugin"); 

module.exports = { 
    entry: './src/script/index.jsx', 
    output: { 
     filename: 'bundle.js', //this is the default name, so you can skip it 
     //at this directory our bundle file will be available 
     //make sure port 8090 is used when launching webpack-dev-server 
     publicPath: 'http://localhost:8090/assets' 
    }, 
    devtool: 'source-map', 
    module: { 
     loaders: [ 
      { 
       test: /\.js[x]?$/, 
       loaders: ['react-hot', 'jsx', 'babel'], 
       exclude: /node_modules/ 
       }, 
       { 
       test: /\.scss$/, 
       loaders: [ 'style', 'css?sourceMap', 'sass?sourceMap' ] 
       } 
     ] 
    }, 
    plugins: [ 
     new BowerWebpackPlugin() 
    ], 
    externals: { 
     //don't bundle the 'react' npm package with our bundle.js 
     //but get it from a global 'React' variable 
     'react': 'React' 
    }, 
    resolve: { 
     extensions: ['', '.js', '.jsx'], 
     modulesDirectories: ["./src", "node_modules", "bower_components"] 
    } 
} 

संपादित करें: अब मैं बिना बोवर-webpack-प्लगइनthis webpack config का उपयोग

package.json

{ 
    "scripts": { 
    "start": "npm run serve | npm run dev", 
    "serve": "./node_modules/.bin/http-server -p 8080", 
    "dev": "webpack-dev-server --progress --colors --port 8090" 
    }, 
    "name": "Wonder", 
    "version": "0.0.0", 
    "description": "Internal app", 
    "main": "./src/script/index.jsx", 
    "author": "and", 
    "license": "ISC", 
    "devDependencies": { 
    "babel-core": "^5.8.22", 
    "babel-loader": "^5.3.2", 
    "bower-webpack-plugin": "^0.1.8", 
    "css-loader": "^0.16.0", 
    "extract-text-webpack-plugin": "^0.8.2", 
    "http-server": "^0.8.0", 
    "jsx-loader": "^0.13.2", 
    "node-sass": "^3.2.0", 
    "path": "^0.11.14", 
    "react": "^0.13.3", 
    "react-hot-loader": "^2.0.0-alpha-2", 
    "reinstall": "^1.1.0", 
    "sass-loader": "^2.0.1", 
    "style-loader": "^0.12.3", 
    "webpack": "^1.11.0", 
    "webpack-dev-server": "^1.10.1" 
    } 
} 

ब्राउज़र सांत्वना उत्पादन

Uncaught Error: Cannot find module "server" 
webpackMissingModule @ bootstrap 19214e8f07aa8a69f314:39 
(anonymous function) @ bootstrap 19214e8f07aa8a69f314:39 
__webpack_require__ @ bootstrap 19214e8f07aa8a69f314:19 
(anonymous function) @ bootstrap 19214e8f07aa8a69f314:39 
(anonymous function) @ bootstrap 19214e8f07aa8a69f314:39 
webpack-dev-server.js:1 [WDS] Errors while compiling. 

    webpack-dev-server.js:1 multi main 
    Module not found: Error: Cannot resolve module 'server' in /Users/and/devel/webpack_test 
    resolve module server in /Users/and/devel/webpack_test 
     looking for modules in /Users/and/devel/webpack_test/src 
     /Users/and/devel/webpack_test/src/server doesn't exist (module as directory) 
     resolve 'file' server in /Users/and/devel/webpack_test/src 
      resolve file 
      /Users/and/devel/webpack_test/src/server.js doesn't exist 
      /Users/and/devel/webpack_test/src/server doesn't exist 
      /Users/and/devel/webpack_test/src/server.jsx doesn't exist 
     looking for modules in /Users/and/devel/webpack_test/node_modules 
     /Users/and/devel/webpack_test/node_modules/server doesn't exist (module as directory) 
     resolve 'file' server in /Users/and/devel/webpack_test/node_modules 
      resolve file 
      /Users/and/devel/webpack_test/node_modules/server doesn't exist 
      /Users/and/devel/webpack_test/node_modules/server.js doesn't exist 
      /Users/and/devel/webpack_test/node_modules/server.jsx doesn't exist 
     looking for modules in /Users/and/devel/webpack_test/bower_components 
     /Users/and/devel/webpack_test/bower_components/server doesn't exist (module as directory) 
     resolve 'file' server in /Users/and/devel/webpack_test/bower_components 
      resolve file 
      /Users/and/devel/webpack_test/bower_components/server doesn't exist 
      /Users/and/devel/webpack_test/bower_components/server.js doesn't exist 
      /Users/and/devel/webpack_test/bower_components/server.jsx doesn't exist 
     resolve 'bower component' server manifest files using [bower.json] 
      resolve file 
      /Users/and/devel/webpack_test/bower_components/server/bower.json doesn't exists 
      /Users/and/devel/webpack_test/src/server/bower.json doesn't exists 
      /Users/and/devel/webpack_test/node_modules/server/bower.json doesn't exists 
      /Users/and/devel/bower_components/server/bower.json doesn't exists 
      /Users/and/devel/src/server/bower.json doesn't exists 
      /Users/and/devel/node_modules/server/bower.json doesn't exists 
      /Users/and/bower_components/server/bower.json doesn't exists 
      /Users/and/src/server/bower.json doesn't exists 
      /Users/and/node_modules/server/bower.json doesn't exists 
      /Users/bower_components/server/bower.json doesn't exists 
      /Users/src/server/bower.json doesn't exists 
      /Users/node_modules/server/bower.json doesn't exists 
      /bower_components/server/bower.json doesn't exists 
      /src/server/bower.json doesn't exists 
      /node_modules/server/bower.json doesn't exists 
    [/Users/and/devel/webpack_test/src/server.js] 
    [/Users/and/devel/webpack_test/src/server] 
    [/Users/and/devel/webpack_test/src/server] 
    [/Users/and/devel/webpack_test/src/server.jsx] 
    [/Users/and/devel/webpack_test/node_modules/server] 
    [/Users/and/devel/webpack_test/node_modules/server] 
    [/Users/and/devel/webpack_test/node_modules/server.js] 
    [/Users/and/devel/webpack_test/node_modules/server.jsx] 
    [/Users/and/devel/webpack_test/bower_components/server] 
    [/Users/and/devel/webpack_test/bower_components/server] 
    [/Users/and/devel/webpack_test/bower_components/server.js] 
    [/Users/and/devel/webpack_test/bower_components/server.jsx] 
    @ multi main 

(anonymous function) @ webpack-dev-server.js:1 
n.emit @ webpack-dev-server.js:1 
r.onevent @ webpack-dev-server.js:1 
r.onpacket @ webpack-dev-server.js:1 
t.exports @ webpack-dev-server.js:1 
n.emit @ webpack-dev-server.js:1 
r.ondecoded @ webpack-dev-server.js:1 
t.exports @ webpack-dev-server.js:1 
n.emit @ webpack-dev-server.js:1 
s.add @ webpack-dev-server.js:1 
r.ondata @ webpack-dev-server.js:1 
t.exports @ webpack-dev-server.js:1 
n.emit @ webpack-dev-server.js:1 
r.onPacket @ webpack-dev-server.js:2 
(anonymous function) @ webpack-dev-server.js:1 
n.emit @ webpack-dev-server.js:1 
r.onPacket @ webpack-dev-server.js:1 
r.onData.n @ webpack-dev-server.js:1 
(anonymous function) @ webpack-dev-server.js:1 
e.decodePayloadAsBinary @ webpack-dev-server.js:1 
e.decodePayload @ webpack-dev-server.js:1 
r.onData @ webpack-dev-server.js:1 
(anonymous function) @ webpack-dev-server.js:2 
n.emit @ webpack-dev-server.js:1 
i.onData @ webpack-dev-server.js:2 
i.onLoad @ webpack-dev-server.js:2 
i.create.hasXDR.n.onreadystatechange @ webpack-dev-server.js:2 

index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Basic Property Grid</title> 
    <!-- include react --> 
    <script src="./node_modules/react/dist/react-with-addons.js"></script> 

</head> 
<body> 
    <div id="content"> 
     <!-- this is where the root react component will get rendered --> 
    </div> 
    <!-- include the webpack-dev-server script so our scripts get reloaded when we make a change --> 
    <!-- we'll run the webpack dev server on port 8090, so make sure it is correct --> 
    <script src="http://localhost:8090/webpack-dev-server.js"></script> 
    <!-- include the bundle that contains all our scripts, produced by webpack --> 
    <!-- the bundle is served by the webpack-dev-server, so serve it also from localhost:8090 --> 
    <script type="text/javascript" src="http://localhost:8090/assets/bundle.js"></script> 

</body> 
</html> 

bower.json

{ 
    "name": "Wonder", 
    "version": "0.0.0", 
    "description": "Internal app", 
    "main": "index.html", 
    "authors": [ 
    "And" 
    ], 
    "license": "MIT", 
    "ignore": [ 
    "**/.*", 
    "node_modules", 
    "bower_components", 
    "test", 
    "tests" 
    ], 
    "devDependencies": { 
    "jquery": "~2.1.4" 
    } 
} 

उत्तर

3

कहीं आपकी स्रोत फ़ाइलों या तृतीय-पक्ष पुस्तकालयों में server नामक संसाधन का संदर्भ है (बिना किसी एक्सटेंशन के)। यह require('server') के रूप में हो सकता है। वेबपैक इसे ढूंढने के लिए अपनी पूरी कोशिश कर रहा है। यह विभिन्न स्थानों में (server निर्देशिका, server.js, server.jsx, आदि) के रूप में विभिन्न रूपों की जांच करता है लेकिन यह अंत में विफल रहता है। यह संदर्भ जानने का प्रयास करें कि यह संदर्भ कहां है।

+0

यह मूल रूप से वेबपैक कहता है ... सर्वर नामक मॉड्यूल/फ़ाइल नहीं मिला –

+1

एक चिंता। मेरे पास एक ही समस्या है, लेकिन जब मैं वेबपैक का उपयोग नहीं करता हूं, तो HTML में स्क्रिप्ट द्वारा स्क्रिप्ट शामिल करें, यह काम करता है। जब मैं वेबपैक का उपयोग करता हूं तो यह त्रुटि दिखाई देती है। कोड में इसे एक मॉड्यूल की आवश्यकता होती है जो वेबपैक जैसा आपने कहा है, उतना ही नहीं मिल सकता है, लेकिन मेरा संदेह यह है कि जब मैं सामान्य एचटीएमएल तरीके से स्क्रिप्ट शामिल करता हूं तो यह काम करता है। मुझे पता है कि मुझे मॉड्यूल को एनपीएम स्थापित करना है और इससे समस्या ठीक हो जाएगी लेकिन idkk यह क्यों काम नहीं करता है। –

2

मुझे वेबपैक-देव-सर्वर का उपयोग करके समान त्रुटि मिली। हालांकि webpack विश्व स्तर पर स्थापित किया गया था, मैं 'webpack/गर्म/dev-सर्वर' को हल करने depencency

+2

मैंने यह मेरे लिए कोशिश की लेकिन इससे मदद नहीं मिली। ग्लोबल और प्रति परियोजना दोनों को स्थापित करने के लिए थोड़ा सा नाफ लगता है। मुझे आशा है कि कुछ समय बचाएंगे क्योंकि वेबपैक सिर्फ मेरे लिए समय निकालने जैसा दिख रहा है ... – landed

2

समान त्रुटि, गलती से, npm start server बजाय npm run server आदत हो गई परियोजना के हिस्से के रूप में यह स्थापित करने के लिए किया था।

यदि आपके में server स्क्रिप्ट है, तो npm run server चलाना इसे लॉन्च करेगा। यदि आप npm start server का उपयोग करते हैं, तो यह आपके स्रोत में server मॉड्यूल की तलाश करेगा और इसे शुरू करने का प्रयास करेगा।

छोटे टाइपो, लेकिन ध्यान की कमी के कारण आसानी से हो सकता है।

+0

बिल्कुल मेरी समस्या –

0

मेरी स्थिति है कि मैं टीएफएस और वेबपैक का उपयोग कर रहा था और कई module not found त्रुटियां प्राप्त कर रहा था।

यह पता चला कि मेरे पास package.json फ़ाइल में एक गैर मौजूद पैकेज नहीं था जिसे मैंने हटाया नहीं था।

"primeng": "1.0.0-rc.4", 
"primeng-ultima": "Unavailable" 

जैसे ही मैंने इस पैकेज को हटा दिया, यह सब काम किया।

सौभाग्य से लॉग ने मुझे इस निष्कर्ष तक पहुंचाया।क्या हुआ था जब एनपीएम ने अन्य पैकेजों की बहाली को छोड़ दिया था जब यह इस पैकेज को डाउनलोड करने में असमर्थ था।

संबंधित मुद्दे