我的 bundle.js 似乎没有被创建答案

【问题标题】：my bundle.js doesn't seem to be created我的 bundle.js 似乎没有被创建
【发布时间】：2017-12-12 18:03:25
【问题描述】：

我正在使用 webpack 构建一个简单的应用程序来组合我的所有模块。我的 webpack 似乎正在运行（尽管我已经与它的不工作作斗争）。现在看起来找不到我的应用程序所需的 bundle.js。我收到此错误：

所以这是我的可能导致问题的文件

我的包JSON

{
 "name": "quiz",
 "version": "1.0.0",
 "description": "",
 "main": "app.js",
 "scripts": {
   "test": "mocha specs"
 },
 "author": "",
 "license": "ISC",
 "devDependencies": {
   "mocha": "^3.4.2",
   "webpack": "1.12.15"
 }
}

以及查找 bundle.js 文件的 html 文件

<!DOCTYPE html>
<html>
<head>
    <title>Quiz game</title>
</head>
<body>
    <script src = "build.js "></script>
    <div>
    Quiz game
    </div>
</body>
</html>

有什么想法可能是错的吗？

【问题讨论】：

标签： javascript webpack path

【解决方案1】：

首先，

也许你可以稍微改变一下你的项目结构，因为 webpack cli 默认会在根文件夹下找到 webpack.config.js 文件。

  webpack-demo
  |- package.json
+ |- webpack.config.js
  |- /dist
    |- index.html
  |- /src
    |- index.js

第二，您可以通过 require 路径稍微更改您的 webpack.config.js 以清楚地指出输出路径：

var path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

第三，

如果你的 index.html 和 dist 文件夹中的 bundle.js 在同一个文件夹下，

 <script src="bundle.js"></script>

是正确的。但是放在body的底部，这样就不会阻塞渲染，并且可以在页面加载时操作DOM。

<!DOCTYPE html>
<html>
<head>
    <title>Quiz game</title>
</head>
<body>
    <div>
    Quiz game
    </div>
    <script src="build.js"></script>
</body>
</html>

【讨论】：

谢谢，本！一切正常 :) 我需要记住 webpack 中的结构是关键！

【解决方案2】：

您的问题是找不到build.js文件，因为index.html中文件的路径错误，应该是您的index.html中的<script src = "/build.js "></script>而不是<script src = "build.js "></script>

【讨论】：

不幸的是，不起作用，我之前尝试过...：/

【解决方案3】：

您的问题是文件的 build.js 路径。

你只是缺少了一小部分。

试试这个：在您的“build.js”之前在您的 src 中放置一个 /

【讨论】：