问题标签 [webpack-dev-server]

首先 - 我是 webpack 的新手。我是 browserify 的忠实粉丝，但我决定将我的一个新项目切换到 webpack 以尝试每个人都在谈论的内容。

其次 - 文档有点难以阅读（页面设计、内容顺序等），没有很好的样板将现有服务器与 webpack-dev-server 集成。我正在尝试自己做，但收到一个烦人的错误..

就是webpack.config.js这样：

现有服务器仅服务于base.html：

base.html只需插入脚本：

我已经成功设置了 WebPack - 它可以很好地编译我的 babel 和 SCSS 文件，并且我的手表功能可以正常工作。但我也想使用热模块更换 - 我很难让它继续下去。当我在浏览器中加载开发服务器时，它显示Cannot resolve module 'webpack/hot/dev-server'. 我的配置如下所示：

我的 index.html 包含：

有没有人有任何想法？

尝试命令时出现以下错误：

我还使用了 nodejs cmd、git 并且还具有 cmd 的管理权限。

错误如下：

请帮助解决问题。

当我在 webpack-dev-server 运行时更改文件时，捆绑包的文件不会更新。这是我的 webpack.config.js 和 package.json 文件，正如您从我的 npm 脚本中看到的那样，我已经解决了运行问题webpack watch并webpack-dev-server使用相同的命令 ( npm run watch & webpack-dev-server --content-base ./ --port 9966)：

webpack.config.js：

包.json：

我的目录结构是：

目录中的每个文件assets都是由 webpack 生成的

如果我运行 webpack-dev-server 然后转到 localhost:8080，我的应用会加载样式。但是，CSS 样式显示在单个 div 的“样式”属性上，而不是在标题中，我认为这是“反应样式”的重点。

我生成的 HTML：

此外，如果我改为访问http://localhost:8080/webpack-dev-server/bundle ，则会收到以下错误：

这是我的 index.html：

webpack.config.js：

mains.js：

悬停动作.js：

我的浏览器出现以下错误：

未捕获的错误：不变违规：style道具需要从样式属性到值的映射，而不是字符串。例如，使用 JSX 时 style={{marginRight: spacing + 'em'}}。

这是在运行 webpack-dev-server 并转到 localhost:8080 时。

./modules/main.js：

./modules/HoverAction/HoverActions.js：

索引.html：

webpack.config.js：

包.json：

我已经配置了观看插件，如果我在我的虚拟机上编辑文件，它会很好用。但是，我有一个 NFS 共享，并且我在主机上编辑我的文件。VM 上的文件观察程序不会获取 NFS 共享上的更改。

由于其他原因，我确实需要将其作为 NFS 共享。有什么办法可以使这项工作？

节点文档状态“您仍然可以使用 fs.watchFile，它使用 stat 轮询，但速度较慢且可靠性较低。”

我目前正在建立一个使用 webpack-dev-server 和骨干路由器的站点。

直到今天，一切似乎都在工作（例如，我可以转到http://localhost:3333我的主页和http://localhost:3333/login登录页面。

但是今天我尝试访问我的第一个嵌套 url，http://localhost:3333/people/1我的控制台抛出 404 GET 错误。

确切的错误是这样的： http://localhost:3333/people/build/bundle.js 404 (Not Found)

看来我的 webpack 服务器正在尝试在错误的目录下寻找正确的文件来服务器。如果这是正确的，我不知道如何解决这个问题。我查看了其他堆栈溢出问题和 github 问题，但无济于事。有什么想法吗？

我使用 gulp 启动服务器。这是我的 gulpfile：

这是我的 webpack 配置文件：

编辑：我刚刚发现我可以直接点击网址http://localhost:3333/#/people/1，或者http://localhost:3333/#people/1一切都按预期工作。

有没有一种设置可以让我不必在 url 中包含英镑符号？希望这有助于为我的问题提供更多背景信息。

跟进：我有一个全局App组件，用于初始化骨干路由器并调用Backbone.history.start({ pushState: true }). 这是一个代码片段。

如果您注意到console.log构造函数中的 ，这将在可以呈现的非嵌套页面上调用，但不会在不能呈现的嵌套页面上调用。

我正在使用webpack/react-starter，我正在尝试使用连接到与我的开发机器相同的 LAN 的移动设备进行测试。因此，我没有输入 localhost:3000，而是将 IP 192.168.XX:3000 放入我的移动浏览器。

由于移动设备不知道能够使用 localhost 评估脚本标签，因此最佳做法是什么？我将这个 hacky 脚本放在了在 dev 中提供的 html 中，但这感觉不对。

这会获取捆绑包，但 socket.io 无法连接到 webpack-dev-server [Error] Failed to load resource: Could not connect to the server. (socket.io, line 0)，这不会让我使用 HMR。在这种情况下，正常人会怎么做？

我在 webpack-dev-server 上的构建工作正常，但是当我使用NODE_ENV=production webpack --confightml 文件编译时输出空白页。

在 dev-server html 中，我以这种方式加载文件

在生产 html 中（位于/build/）：

配置在以下方面有所不同：

1. 生产环境删除 react-hot style-loader css-loader less-loader加载器、条目、、'webpack/hot/dev-server' 'webpack-dev-server/client?http://0.0.0.0:8000'开发工具HotModuleReplacementPlugin()#eval
2. 生产环境添加： style css lessloaders, optimize.OccurenceOrderPlugin(), optimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}, sourcemapdevtool

感谢帮助！