无法运行 npm run wbp答案

【问题标题】：Cannot run npm run wbp无法运行 npm run wbp
【发布时间】：2018-12-21 23:09:15
【问题描述】：

我尝试使用本教程，将 webpack 安装到 asp.net 核心项目

https://codeburst.io/how-to-use-webpack-in-asp-net-core-projects-a-basic-react-template-sample-25a3681a5fc2

这是我的 package.json 中的命令

 {
 "name": "streamline",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "wbp": "webpack wwwroot/source/app.js wwwroot/dist/bundle.js"
 },
 "keywords": [],
 "author": "",
 "license": "ISC",
 "devDependencies": {
  "webpack": "^4.16.0",
  "webpack-command": "^0.4.1"
 }
}

但是当我用npm run wbp 运行它时，我明白了

内部/模块/cjs/loader.js:596 抛出错误； ^

错误：找不到模块“import-local” 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:594:15) 在 Function.Module._load (internal/modules/cjs/loader.js:520:25) 在 Module.require (internal/modules/cjs/loader.js:650:17) 在需要（内部/模块/cjs/helpers.js:20:18）在对象。（/Users/nemesises/Documents/GitHub/streamline/Streamline/node_modules/webpack-command/lib/cli.js:11:21）在 Module._compile (internal/modules/cjs/loader.js:702:30) 在 Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10) 在 Module.load (internal/modules/cjs/loader.js:612:32) 在 tryModuleLoad (internal/modules/cjs/loader.js:551:12) 在 Function.Module._load (internal/modules/cjs/loader.js:543:3) npm ERR！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！流线@1.0.0 wbp：webpack wwwroot/source/app.js wwwroot/dist/bundle.js npm 错误！退出状态 1 npm ERR！ npm 错误！在 streamline@1.0.0 wbp 失败脚本。 npm 错误！这可能不是 npm 的问题。有上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/nemesises/.npm/_logs/2018-07-13T14_21_24_555Z-debug.log

我该如何解决？

更新

做完之后

"wbp": "webpack --entry wwwroot/source/app.js --output wwwroot/dist/bundle.js"

重新安装 npm 包并尝试运行命令

我收到了这个错误

找不到入口模块中的错误：错误：无法解析“wwwroot/source/app.js” '/Users/nemesises/Documents/GitHub/streamline/StreamLine' npm 错误！代码 ELIFECYCLE npm 错误！ errno 2 npm 错误！流线@1.0.0 wbp： webpack --entry wwwroot/source/app.js --output wwwroot/dist/bundle.js npm 错误！退出状态 2 npm ERR！ npm 错误！在 streamline@1.0.0 wbp 脚本中失败。 npm 错误！这大概是 npm 没问题。可能有额外的日志输出以上。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/nemesises/.npm/_logs/2018-07-14T19_45_54_642Z-debug.log

但我的文件夹中有这个文件！

如果我使用旧命令并创建 dist/bundle.js 它可以工作，但 bundle.js 是空的

【问题讨论】：

标签： asp.net-mvc npm webpack asp.net-core

【解决方案1】：

webpack --entry wwwroot/source/app.js --output wwwroot/dist/bundle.js

--entry 表示入口是什么

--输出要输出的内容

【讨论】：

【解决方案2】：

似乎 npm 未能正确安装依赖项。尝试通过在 package.json 目录中执行以下命令来重新安装本地包：

rm -rf node_modules npm install

如果npm install 一切正常，您应该能够成功运行npm run wbp。

【讨论】：

app.js 模块很可能从与您的package.json 相关的wwwroot/source 目录中丢失。您可以尝试手动导航到给定目录并检查模块是否存在。如果模块丢失，您可以找到它当前所在的位置并将其移动到那里，或者更新您的 wbp 脚本条目参数以指向实际的文件路径。
但app.js 没有丢失

【解决方案3】：

我目前正在研究这个 ASP.NET CORE + Webpack + Script 组合。幸运的是，我找到了我的解决方案，希望这适合你的情况。看看我的 package.json

{
  "name": "blindforced",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "wbp": "webpack --mode production wwwroot/source/app.js --output wwwroot/dist/bundle.js",
    "dev": "webpack --mode development wwwroot/assets/app.js --output wwwroot/dist/bundle.js",
    "build": "webpack --mode production wwwroot/assets/app.js --output wwwroot/dist/bundle.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.29.6",
    "webpack-cli": "^3.2.3"
  }
}

【讨论】：

【解决方案4】：

这对我有用：webpack --entry ./wwwroot/source/app.js --output wwwroot/dist/bundle.js，请注意 ./ in ./wwwroot。

【讨论】：