无法使用开发配置

时间:2017-02-21 06:43:26

标签: webpack webpack-dev-server

我正在使用(现已弃用)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/ 的所有实例。

关于为什么会这样的想法?

1 个答案:

答案 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'
)