我正在使用(现已弃用)CodingZeal react boilerplate repo作为项目的基础并遇到错误。
我已经克隆了repo以进行测试,并且(截至4/1/2016签出时提交:406662f)可以正常运行并查看生成的public/client.js
文件。
但是,在我的项目中,当我运行Module not found: Error: Cannot resolve module 'webpack-dev-server/app'
时,我会得到webpack-dev-server
。
这是由/webpack/development.js
所致,我有以下内容:
config.entry.app.unshift(
'webpack-dev-server/app?http://localhost:8080',
'webpack/hot/only-dev-server'
)
它似乎不喜欢第一行。
/webpack/base.js
development.js
所需的...
entry: {
app: [path.resolve(__dirname, '../global.js'), path.resolve(__dirname, '../app.js')]
},
output: {
path: path.resolve(__dirname, '../public'),
filename: 'bundle.js'
}
...
:
/public
/client
目录存在,但没有文件显示在那里。
请注意,在引用存储库中,它们的主文件夹为/app
,我决定将其命名为client
。我认为这是任意的,不应该影响任何事情。我注意在项目中更新app
到[07:36:10] ionic-app-scripts 1.0.0
[07:36:10] watch started ...
[07:36:10] build dev started ...
[07:36:10] clean started ...
[07:36:10] clean finished in 1 ms
[07:36:10] copy started ...
[07:36:10] transpile started ...
[07:36:15] build dev failed: Maximum call stack size exceeded
[07:36:15] dev server running: http://localhost:8100/
的所有实例。
关于为什么会这样的想法?
答案 0 :(得分:1)
我注意在项目中更新客户端到应用程序的所有实例。
你是对的,除了你替换了一个不是指你文件的client
实例。 webpack-dev-server/client
是指webpack-dev-server
内的模块client。更改它应该可以解决您的问题:
config.entry.app.unshift(
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server'
)