Module not found: Error: Cannot resolve module 'server'
Module not found: Error: Cannot resolve module 'server'
我尝试使用 webpack 来管理我项目中的文件。我使用 webpack-dev-server 和 bower-webpack-plugin。当我 运行 服务器时,浏览器控制台出现错误。
找不到模块:错误:无法解析模块 'server'
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"]
}
}
编辑:现在我使用 this webpack config 没有 bower-webpack-plugin
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"
}
}
在您的源文件或第三方库中的某处有对名为 server
(没有任何扩展名)的资源的引用。它可以是 require('server')
的形式。 Webpack 正在尽力定位它。它在不同的位置检查它的不同形式(例如 server
作为目录,server.js
、server.jsx
等),但最终失败了。试着找出这个引用在哪里。
我在使用 webpack-dev-server 时遇到了类似的错误。尽管 webpack 是全局安装的,但我必须将其作为项目的一部分进行安装才能解决 'webpack/hot/dev-server' 依赖关系
错误地使用 npm start server
而不是 npm run server
时出现类似错误。
如果您的 package.json
中有 server
脚本,运行 npm run server
将启动它。
如果您使用 npm start server
,它会在您的源代码中寻找 server
模块并尝试启动它。
小错字,不注意容易出现
我的情况是我在使用 TFS 和 webpack 时遇到很多 module not found
错误。
结果是我的 package.json
文件中有一个我没有删除的不存在的包。
"primeng": "1.0.0-rc.4",
"primeng-ultima": "Unavailable"
我一删除这个包就一切正常了。
幸运的是,日志让我得出了这个结论。发生的事情是 npm 在无法下载此包时跳过了其他包的恢复。
我尝试使用 webpack 来管理我项目中的文件。我使用 webpack-dev-server 和 bower-webpack-plugin。当我 运行 服务器时,浏览器控制台出现错误。
找不到模块:错误:无法解析模块 'server'
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"]
}
}
编辑:现在我使用 this webpack config 没有 bower-webpack-plugin
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"
}
}
在您的源文件或第三方库中的某处有对名为 server
(没有任何扩展名)的资源的引用。它可以是 require('server')
的形式。 Webpack 正在尽力定位它。它在不同的位置检查它的不同形式(例如 server
作为目录,server.js
、server.jsx
等),但最终失败了。试着找出这个引用在哪里。
我在使用 webpack-dev-server 时遇到了类似的错误。尽管 webpack 是全局安装的,但我必须将其作为项目的一部分进行安装才能解决 'webpack/hot/dev-server' 依赖关系
错误地使用 npm start server
而不是 npm run server
时出现类似错误。
如果您的 package.json
中有 server
脚本,运行 npm run server
将启动它。
如果您使用 npm start server
,它会在您的源代码中寻找 server
模块并尝试启动它。
小错字,不注意容易出现
我的情况是我在使用 TFS 和 webpack 时遇到很多 module not found
错误。
结果是我的 package.json
文件中有一个我没有删除的不存在的包。
"primeng": "1.0.0-rc.4",
"primeng-ultima": "Unavailable"
我一删除这个包就一切正常了。
幸运的是,日志让我得出了这个结论。发生的事情是 npm 在无法下载此包时跳过了其他包的恢复。