Fatal编程技术网
  • javascript/
  • Javascript 仅当Webpack.config.js存在时，Webpack生成才会失败

Javascript 仅当Webpack.config.js存在时，Webpack生成才会失败

javascript webpack

Javascript 仅当Webpack.config.js存在时，Webpack生成才会失败,javascript,webpack,Javascript,Webpack,我已经搜索到这个了，还没有找到解决办法。我第一次使用webpack，不是通过Vue.js自动工具的Laravel为我设置的。Webpack在生产或开发模式下构建得很好，没有Webpack.config.js配置文件（零配置模式），但在我添加Webpack.config.js文件以设置Babel加载程序时抛出了一个非常无用的错误。我在Windows上，如果有什么影响的话 My package.json： { "name": "portfolio_update", "version": "1

我已经搜索到这个了，还没有找到解决办法。我第一次使用webpack，不是通过Vue.js自动工具的Laravel为我设置的。Webpack在生产或开发模式下构建得很好，没有Webpack.config.js配置文件（零配置模式），但在我添加Webpack.config.js文件以设置Babel加载程序时抛出了一个非常无用的错误。我在Windows上，如果有什么影响的话

My package.json：

{
  "name": "portfolio_update",
  "version": "1.0.0",
  "description": "Port to Vue.js",
  "main": "src/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --mode production",
    "dev": "webpack --mode development",
    "watch": "webpack --watch --mode production"
  },
  "author": "Jake Runge",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.12.0",
    "webpack-cli": "^3.0.8"
  },
  "dependencies": {
    "jquery": "^3.3.1"
  }
}
webpack.config.js：

module.exports = {
    module: {
        rules: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
        }]
    }
}
无用的调试日志：

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Users\\jwrun\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using npm@5.8.0
3 info using node@v8.9.3
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle portfolio_update@1.0.0~predev: portfolio_update@1.0.0
6 info lifecycle portfolio_update@1.0.0~dev: portfolio_update@1.0.0
7 verbose lifecycle portfolio_update@1.0.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle portfolio_update@1.0.0~dev: PATH: C:\Users\jwrun\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio_update\node_modules\.bin;C:\Program Files (x86)\Intel\iCLS Client\;C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\intel64\compiler;C:\Program Files\Intel\iCLS Client\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\nodejs\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files\PuTTY\;C:\Bitnami\wampstack-7.1.12-0\php;C:\ProgramData\ComposerSetup\bin;C:\HashiCorp\Vagrant\bin;C:\Program Files\Git\cmd;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\WINDOWS\System32\OpenSSH\;C:\Users\jwrun\AppData\Local\Programs\Python\Python36-32\Scripts\;C:\Users\jwrun\AppData\Local\Programs\Python\Python36-32\;C:\Users\jwrun\AppData\Local\Microsoft\WindowsApps;C:\Users\jwrun\AppData\Local\GitHubDesktop\bin;C:\Users\jwrun\AppData\Roaming\npm;C:\Users\jwrun\AppData\Local\Microsoft\WindowsApps;C:\Users\jwrun\AppData\Roaming\Composer\vendor\bin;C:\Program Files\Microsoft VS Code\bin;C:\Program Files\MongoDB\Server\3.6\bin
9 verbose lifecycle portfolio_update@1.0.0~dev: CWD: C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio_update
10 silly lifecycle portfolio_update@1.0.0~dev: Args: [ '/d /s /c', 'webpack --mode development' ]
11 silly lifecycle portfolio_update@1.0.0~dev: Returned: code: 1  signal: null
12 info lifecycle portfolio_update@1.0.0~dev: Failed to exec dev script
13 verbose stack Error: portfolio_update@1.0.0 dev: `webpack --mode development`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Users\jwrun\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:283:16)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at EventEmitter.emit (events.js:214:7)
13 verbose stack     at ChildProcess.<anonymous> (C:\Users\jwrun\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at ChildProcess.emit (events.js:214:7)
13 verbose stack     at maybeClose (internal/child_process.js:925:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid portfolio_update@1.0.0
15 verbose cwd C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio_update
16 verbose Windows_NT 10.0.17134
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\jwrun\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
18 verbose node v8.9.3
19 verbose npm  v5.8.0
20 error code ELIFECYCLE
21 error errno 1
22 error portfolio_update@1.0.0 dev: `webpack --mode development`
22 error Exit status 1
23 error Failed at the portfolio_update@1.0.0 dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

0信息如果它以ok结尾，它就工作了
1详细cli['C:\\Program Files\\nodejs\\node.exe'，
1详细cli'C:\\Users\\jwrun\\AppData\\Roaming\\npm\\node\u modules\\npm\\bin\\npm cli.js'，
1详细cli“运行”，
1详细cli“dev']
2信息使用npm@5.8.0
3信息使用node@v8.9.3
4详细的运行脚本['predev'，'dev'，'postdev']
5信息生命周期组合_update@1.0.0~predev：公文包_update@1.0.0
6信息生命周期组合_update@1.0.0~dev:公文包_update@1.0.0
7详细的生命周期组合_update@1.0.0~dev:生命周期中的不安全烫发是真的
8详细的生命周期组合_update@1.0.0~dev:PATH:C:\Users\jwrun\AppData\Roaming\npm\node\u modules\npm\node\u modules\npm lifecycle\node gyp bin；C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio\u update\node\u modules\.bin；C:\ProgramFiles（x86）\Intel\iCLS客户端\；C:\Program Files（x86）\Common Files\Intel\Shared Libraries\redist\intel64\compiler；C:\Program Files\Intel\iCLS客户端\；C:\Windows\system32；C:\Windows；C:\Windows\System32\Wbem；C:\Windows\System32\WindowsPowerShell\v1.0\；C:\ProgramFiles（x86）\NVIDIA Corporation\PhysX\Common；C:\ProgramFiles\nodejs\；C:\WINDOWS\system32；C:\WINDOWS；C:\WINDOWS\System32\Wbem；C:\WINDOWS\System32\WindowsPowerShell\v1.0\；C:\ProgramFiles\PuTTY\；C:\Bitnami\wampstack-7.1.12-0\php；C:\ProgramData\Composer安装程序\bin；C:\HashiCorp\Vagrant\bin；C:\ProgramFiles\Git\cmd；C:\Program Files（x86）\Intel\Intel（R）管理引擎组件\DAL；C:\Program Files\Intel\Intel（R）管理引擎组件\DAL；C:\Program Files（x86）\Intel\Intel（R）管理引擎组件\IPT；C:\Program Files\Intel\Intel（R）管理引擎组件\IPT；C:\WINDOWS\System32\OpenSSH\；C:\Users\jwrun\AppData\Local\Programs\Python\Python36-32\Scripts\；C:\Users\jwrun\AppData\Local\Programs\Python\Python36-32\；C:\Users\jwrun\AppData\Local\Microsoft\WindowsApps；C:\Users\jwrun\AppData\Local\GitHubDesktop\bin；C:\Users\jwrun\AppData\Roaming\npm；C:\Users\jwrun\AppData\Local\Microsoft\WindowsApps；C:\Users\jwrun\AppData\Roaming\Composer\vendor\bin；C:\Program Files\Microsoft VS Code\bin；C:\ProgramFiles\MongoDB\Server\3.6\bin
9详细的生命周期组合_update@1.0.0~dev:CWD:C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio\u更新
10.生命周期投资组合_update@1.0.0~dev:Args:['/d/s/c'，'webpack--modedevelopment']
11.生命周期投资组合_update@1.0.0~dev:返回：代码：1信号：null
12信息生命周期组合_update@1.0.0~dev:无法执行dev脚本
13详细堆栈错误：公文包_update@1.0.0dev:`webpack——模式开发`
13详细堆栈退出状态1
13 EventEmitter上的详细堆栈。（C:\Users\jwrun\AppData\Roaming\npm\node\u modules\npm\node\u modules\npm lifecycle\index.js:283:16）
13 emitTwo上的详细堆栈（events.js:126:13）
13 EventEmitter.emit上的详细堆栈（events.js:214:7）
13子进程上的详细堆栈。（C:\Users\jwrun\AppData\Roaming\npm\node\u modules\npm\node\u modules\npm lifecycle\lib\spawn.js:55:14）
13 emitTwo上的详细堆栈（events.js:126:13）
13 ChildProcess.emit上的详细堆栈（events.js:214:7）
13 maybeClose的详细堆栈（internal/child_process.js:925:16）
13 Process.ChildProcess.\u handle.onexit处的详细堆栈（internal/child\u Process.js:209:5）
14详细的pkgid组合_update@1.0.0
15详细cwd C:\Bitnami\wampstack-7.1.12-0\apache2\htdocs\Portfolio\u更新
16详细窗口\u NT 10.0.17134
17详细argv“C:\\Program Files\\nodejs\\node.exe”“C:\\Users\\jwrun\\AppData\\Roaming\\npm\\node\U模块\\npm\\bin\\npm cli.js”“运行”“开发”
18详细节点v8.9.3
19详细的npm v5.8.0
20错误代码ELIFECYCLE
21错误1
22错误组合_update@1.0.0dev:`webpack——模式开发`
22错误退出状态1
23组合中的错误失败_update@1.0.0开发脚本。
23错误这可能不是npm的问题。上面可能还有其他日志输出。
24详细退出[1，true]
其他设置是标准的：推荐的
src/
文件夹包含index.js入口点，还有一个
dist/
文件夹用于接收捆绑的main.js文件。在我创建webpack.config.js文件之前，这一切都可以正常工作——即使是空的，没有配置，我也会得到一个错误。该文件不存在，或者我收到一个错误

感谢任何人给予的帮助和指导

我终于明白了！我希望答案很复杂，很难实现，因为我花了很多时间在这个问题上，但它就像更新我的节点和NPM版本一样简单

我将NPM从5.8.0更新为6.1.0；我将节点从8.9.3更新为最近的10.4.1。Webpack不需要在配置文件中指定输入和输出设置

这是相当不科学的，所以我不确定是节点升级还是NPM升级起了作用，或者我是否可以更新到较新的版本——但如果其他人有问题，请尝试较新的节点或NPM版本。

我认为您需要在网页包配置中输入和输出。我同意这个错误没有用谢谢Patrick。我确实试过，但没有成功。我只是又尝试了一次指定条目和输出，结果得到了相同的错误。由于Webpack应该是零配置，我应该能够在不指定输入和输出的情况下运行Webpack…尝试直接运行Webpack，而不使用npm，例如npx Webpack-也许这会给您提供更好的错误消息。。。npx webpack的“路径”必须是字符串。