NPM 构建问题答案

【问题标题】：NPM Build issueNPM 构建问题
【发布时间】：2021-06-24 08:02:15
【问题描述】：

尝试运行此命令：npm run build。这是 package.json 文件的脚本定义 “脚本”：{ "开始": "npm 运行构建", "build": "webpack -d, --devtool && cp src/index.html dist/index.html && webpack-dev-server --content-base src/ --inline --hot", “构建：产品”：“webpack -p && cp src/index.html dist/index.html” }, “钥匙”：[ “反应” ],

不管我也尝试构建脚本 webpack -d, wepack -d --devtool 以及 webpack -d, --devtool ，这都是产生的错误，没有任何帮助。错误显示为

[webpack-cli] 错误：缺少选项 '-d, --devtool ' 参数 [webpack-cli] 运行 'webpack --help' 以查看可用的命令和选项 npm 错误！代码 2 npm 错误！路径 /Users/naveed.hasan/Projects/demo/react/fileuplod npm 错误！命令失败 npm 错误！命令 sh -c webpack -d && cp src/index.html dist/index.html && webpack-dev-server --content-base src/ --inline --hot

【问题讨论】：

此处附加的 webpack.config.js 文件。 var webpack = 要求（“webpack”）； var path = require("path"); var DIST_DIR = path.resolve(__dirname, "dist"); var SRC_DIR = path.resolve(__dirname, "src"); module.exports = { devtool: 'source-map'}; var config = {"entry": SRC_DIR + "/app/index.js", "output": {"path": DIST_DIR + "/app","filename": "bundle.js","publicPath": " /app/"},"module": {loaders: [{test: /\.js?/,include:SRC_DIR,loader: "babel-loader",query: {"preset": ["react", "es2015 ", "stage-2"]}}]};

标签： node.js reactjs npm

【解决方案1】：

您应该在命令行-d eval 或webpack.config.js 文件中配置devtool 选项：

module.exports = {
    ...
    devtool: 'eval',
    ...
};

【讨论】：

我将您的建议添加到 webpack.config.js 中，但没有运气。我从这里提供了 sn-p...module.exports = { //devtool: 'source-map' devtool: 'eval', }; package.json : "scripts": { "start": "npm run build", "build": "webpack -d, --devtool && cp src/index.html dist/index.html && webpack-dev-server --content-base src/ --inline --hot", "build:prod": "webpack -p && cp src/index.html dist/index.html" }，错误：[webpack-cli] 错误：选项 '-d, --devtool ' 缺少参数
我将 package.json 和 webpack.config.js 添加到公共 git 中。您能否调查一下并帮助解决问题。 github.com/biteus/react_demo/tree/stackoverflow
而不是webpack -d devtool，你可以试试webpack -d eval，否则你可以写webpack && && cp src/app/index.html ...
不走运..Olivier，我已经将源代码共享到公共 git 集线器中。你能在你的系统中尝试并推送一个在你的系统中工作的分支吗？这个问题真的让我到处乱跑。我期待一些简单的事情，但因为我是这个，很难弄清楚。谢谢
顺便说一句，如果有问题，请您查看我的“webpack.config.js”。 github.com/biteus/react_demo/tree/stackoverflow

【解决方案2】：

脚本中的 -d 后面有一个逗号：

"build": "webpack -d, --devtool

------------------^ 那里

我不是 webpack 用户，但看起来不是自愿的

【讨论】：

我都试过了 webpack -d --devtool 都没有用。有人可以指导正确的格式应该是什么。谢谢