Taylor Otwell宣布,新的Laravel项目现在将与Vite一起运行,Vite默认安装.我似乎无法运行开发环境"npm run dev"

我安装了新的laravel项目,安装了带有SSR的laravel JetStream,团队支持点击"npm安装命令".

Every time I run npm run dev it shows this: error

And if I open the local link, it shows this: localhost

为什么我不能使用npm运行dev并编译我的文件?

这是Package.我的全新laravel应用程序的json

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build && vite build --ssr"
    },
    "devDependencies": {
        "@inertiajs/inertia": "^0.11.0",
        "@inertiajs/inertia-vue3": "^0.6.0",
        "@inertiajs/progress": "^0.2.7",
        "@inertiajs/server": "^0.1.0",
        "@tailwindcss/forms": "^0.5.2",
        "@tailwindcss/typography": "^0.5.2",
        "@vitejs/plugin-vue": "^2.3.3",
        "@vue/server-renderer": "^3.2.31",
        "autoprefixer": "^10.4.7",
        "axios": "^0.25",
        "laravel-vite-plugin": "^0.2.1",
        "lodash": "^4.17.19",
        "postcss": "^8.4.14",
        "tailwindcss": "^3.1.0",
        "vite": "^2.9.11",
        "vue": "^3.2.31"
    }
}

如果我试着在终端点击"vite",我会得到:

vite error

推荐答案

我也有同样的问题,我做了下面的it finally worked!

I did:

  • 将我的Laravel Project升级到Latest (v9.19.0).事实上,我把我所有的软件包都升级到了最新的版本.
  • 删除node_modules并使用npm install安装依赖项
  • 确保正确遵循upgrade guides.
  • 使用php artisan serve运行服务器
  • 并使用npm run dev运行dev服务器

如果您做得好,它应该启动dev服务器,并编译您的所有javascript代码.(如果成功,您将看到所需的输出.)

我在上述步骤中解决了这个问题.

Laravel相关问答推荐

拉威尔望远镜没有显示请求细节

在Vite list 中找不到文件:Resources/scss/hrms.scss.如何使用LARAVEL VITE解决这个问题?

如何通过单击进入 vs 代码中的类

Laravel 5 - 更改模型文件位置

如何防止 Laravel 路由被直接访问(即非 ajax 请求)

Lumen 中的自定义 404 页面

你如何找到 Laravel 外观背后的底层类?

没有 index.php 的路由不起作用

Laravel 5.3 - 将多个文件附加到 Mailables

如何在使用 Laravel 在控制器中发送邮件之前更改邮件配置?

file_put_content ...无法打开流:Laravel 5 中的权限被拒绝

从 Artisan 电话中获得响应

Laravel 5 Mime 验证

Laravel 无法创建根目录

Laravel Mix 生成字体到另一个目录

Laravel:在另一个控制器中加载方法而不更改 url

今天之前的 Laravel 规则......怎么办

Eloquent - 带有字符串值而不是列标题的连接子句

如何在不要求用户登录 Laravel 的情况下验证Electron邮件

Laravel:按名称从路由中获取 URL