我的bundle.js似乎沒有創建

我正在構建一個簡單的應用程序，使用webpack將所有模塊組合在一起。我的webpack似乎正在運行（儘管，我已經與它不工作了）。現在，它看起來像一個bundle.js需要看到我的應用程序無法找到。我得到這個錯誤：我的bundle.js似乎沒有創建

the error

因此，這裏有我的文件可能會導致問題

the config.webpack.js file

我packageJSON

{ 
"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" 
} 
}

和查找的html文件bundle.js文件

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

關於可能出錯的任何想法？

來源

2017-07-08 bwielk

你的問題是，build.js文件無法找到，因爲在index.html中的文件路徑是錯誤的，它應該是應該是在您的index.html <script src = "/build.js "></script>不<script src = "build.js "></script>

來源

2017-07-08 15:38:27

不幸的是，不工作，我曾嘗試之前...：/ – bwielk

您的問題該文件的build.js路徑。

你只是缺少一小部分。

試試這個：放置一個/在你的src之前就在您的「build.js」

來源

2017-07-08 15:51:14 Vash

如上，我已經嘗試過了，沒有結果那麼遠， – bwielk

首先，

也許，你可以改變你的項目結構少的WebPack CLI會在默認情況下在根文件夾下找到webpack.config.js文件。

var path = require('path'); 

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

三，

如果索引：

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

其次，通過需要路徑明確指出輸出路徑，你可以改變你的webpack.config.js一點點。 html與dist文件夾中的bundle.js位於同一文件夾下，

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

is cor RECT。但將它放在主體的底部，以便它不會阻止呈現，並且可以在頁面加載時操作DOM。

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

來源

2017-07-08 16:21:02 Ben

謝謝，本！一切正常:)我需要牢記webpack中的結構是關鍵！ – bwielk

我的bundle.js似乎沒有創建

回答

相關問題