在webpack中鍵入命令“ npm run dev”時，它將創建一個以NaN結尾的文件夾

Question

我在Lynda.com上學習“學習完整堆棧javascript-development-mongodb-node-and-react”課程，當我使用命令“ npm run dev”在“ public”中創建bundle.js文件”文件夾，它將創建一個文件夾“ publicNaN”，並將文件bundle.js放入其中。 我希望它位於“公共”文件夾中。

這是webpack.config.js文件：

 const path = require("path"); const BUILD_PATH = path.join(__dirname, "./public"); // See https://github.com/Microsoft/vscode/blob/master/extensions/shared.webpack.config.js module.exports = { mode: "production", target: "node", node: { __dirname: false }, entry: { extension: ["./src/index.js"] }, output: { path: BUILD_PATH + + '/public', filename: "bundle.js", libraryTarget: "commonjs", }, resolve: { extensions: [".ts", ".js"] }, externals: { "vscode": "commonjs vscode" }, module: { rules: [ { test: /\\.ts$/, use: [ { loader: "ts-loader" } ], exclude: /node_modules/ }, { test: /\\.mjs$/, type: "javascript/auto", use: [] } ] }, stats: { children: false, modules: false } }; 

Answer 1

您已經在此處將BUILD_PATH設置為/ public：

const BUILD_PATH = path.join(__dirname, "./public");

因此，無需將其添加到輸出對象中。 另外，兩個+號會嘗試轉換為數字。 這就是為什么您最終獲得NaN的原因。

因此，將輸出對象更改為此：

output: {
   path: BUILD_PATH,
   filename: "bundle.js",
   libraryTarget: "commonjs",
},