尝试 Laravel jetstream 但在“npm run dev”上出现错误

Posted

技术标签:

【中文标题】尝试 Laravel jetstream 但在“npm run dev”上出现错误【英文标题】:Trying Laravel jetstream but getting an error on "npm run dev" 【发布时间】:2021-06-16 19:22:02 【问题描述】:

lam 在运行 npm run dev 时遇到以下错误

[webpack-cli] TypeError: this.program.configureOutput 不是函数 在新的 WebpackCLI (/home/vagrant/sites/ecom/node_modules/webpack-cli/lib/webpack-cli.js:19:22) 在 runCLI (/home/vagrant/sites/ecom/node_modules/webpack-cli/lib/bootstrap.js:7:21) 在对象。 (/home/vagrant/sites/ecom/node_modules/webpack-cli/bin/cli.js:23:5) 在 Module._compile (node:internal/modules/cjs/loader:1092:14) 在 Object.Module._extensions..js (node:internal/modules/cjs/loader:1121:10) 在 Module.load (node:internal/modules/cjs/loader:972:32) 在 Function.Module._load (节点:internal/modules/cjs/loader:813:14) 在 Module.require (node:internal/modules/cjs/loader:996:19) 在需要(节点:内部/模块/cjs/helpers:92:18) 在 runCli (/home/vagrant/sites/ecom/node_modules/webpack/bin/webpack.js:54:2) npm 错误!代码 2 npm 错误!路径 /home/vagrant/sites/ecom npm 错误!命令失败 npm 错误!命令 sh -c 混合

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! /home/vagrant/.npm/_logs/2021-03-19T11_14_07_947Z-debug.log npm 错误!代码 2 npm 错误!路径 /home/vagrant/sites/ecom npm 错误!命令失败 npm 错误!命令 sh -c npm 运行开发

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! /home/vagrant/.npm/_logs/2021-03-19T11_14_07_974Z-debug.log

【问题讨论】:

你更新你的node.js了吗? 更新你的 node.js,如果你再次遇到同样的错误,用下面给出的内容替换你的 package.json 文件的内容:github.com/laravel/laravel/blob/master/package.json 【参考方案1】:

首先,尝试更新您的 node.js 文件,然后运行“npm run dev”,如果您再次遇到同样的问题,请按照以下步骤操作:

Step1: composer update
Step2: rm -rf node_modules
Step3: npm cache clear --force
Step4: npm install
Step5: npm outdated
In this step, it will update your laravel-mix version, it is in the package.json.
Step6: npm install
Step7: npm run dev

完成所有这些步骤后,一切都很好。 希望能解决你的问题。

【讨论】:

这样更好:npm cache clear --force【参考方案2】:

在从 Github 签出后(与 Laravel 完全无关),我在尝试构建和运行 webpack(和本地的 webpack-cli)时遇到了这个问题。

我发现我忘记为webpack-cli 运行yarn install,这导致使用现有版本的commander@6,但webpack-cli 需要commander@7

npm list commander 应该告诉你 webpack-cli 依赖不满足。 yarn install 应该修复它。

【讨论】:

以上是关于尝试 Laravel jetstream 但在“npm run dev”上出现错误的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 8 Jetstream Inertia 没有渲染视图组件

如何将 Vuetify 3 添加到 Laravel 8 Jetstream + 惯性

Laravel Jetstream 比较两个表格以更改表格的背景

使用 Jetstream 在 Laravel 8 中添加新 Livewire 组件时如何解决 RootTagMissingFromViewException 错误

Laravel 8 - Jetstream +惯性.js - Vue开发工具不起作用

在 Laravel Jetstream 注册中添加填充的选择下拉列表