Question

我正在尝试遵循非javascript教程，因此我试图从节点脚本运行webpack，但是却遇到了这个奇怪的错误，我已经在网上搜索但找不到解决方法

错误： C：\ Users \ Ahmad Usman \ Desktop \ 9-forkify \ webpack.config.js：2 const path = require（“ path”）; ^

下面是代码（尽管它们位于不同的文件中）

// INDEX.JS FIle

import num from "./test";

console.log(`num: ${num}`);

// TEST.JS FILE

console.log('imported module');

export default 23;

// PACKAGE.JSON
{
  "name": "forkify",
  "version": "1.0.0",
  "description": "forkify project",
  "main": "index.js",
  "scripts": {
    "dev": "webpack"
  },
  "author": "Ahmad Usman",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

//WEBPACK.CONFIG.JS

const path = require("path");
const path = require("path");

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

这是我的命令行界面的屏幕截图 commandline screenshot1

和commandline screenshot2

谢谢

Answer 1

错误提示：

SyntaxError: identifier 'path' has already been declared

因此，如果您删除重复的代码，它应该可以工作：

//WEBPACK.CONFIG.JS

const path = require("path");
const path = require("path"); <-- declared twice

module.exports = {
  entry: "./src/js/index.js",
  output: {

尝试运行npm run dev命令时遇到错误

1 个答案: