我不能讓這個簡單的代碼運行 webpack

Question

我學習如何使用 webpack。 我在我的 webpack.config.js 中寫了這段代碼

const path= require('path')

module.exports= {
    entry:'./app/assets/scripts/App.js',
    output: {
        filename:'bundled.js',
        path: path.resolve(__dirname,'App')
    },
    mode:'development',
    watch: true, 
};

我在我的 package.json 中寫了這段代碼

 { 
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack",
    "test": "echo \"Error: no test specified\" && exit 1"
 },
 "devDependencies":{
    "webpack": "^4.41.0",
    "webpack-cli": "^3.3.9",
    "webpack-dev-server": "^3.9.0"
 }

這是我的 App.js 中的代碼

alert("Hello, this is just a test!");

我運行npm run dev 。 我沒有收到任何錯誤消息，但 javascript 沒有在我的索引頁面中運行。 請幫助我，我不明白問題出在哪里。

Answer 1

經過數小時的嘗試，似乎我的 index.html VisualCodeStudio 開始到現在 bundled.js 存在於通過 intellisens 提出它。 我還刪除了 package.json 上的 main: index.js。 現在它的工作，即使我還沒有清楚地發現最初的問題是什么。