Laravel 10安装Breeze后执行npm run dev出现ES模块警告

问题原因 #

你把"type": "module"配置错了位置——它被放在了scripts对象内部，而这个配置必须是package.json的顶层属性，Node.js才能识别它来处理ES模块加载。

修复步骤 #

修改你的package.json，将"type": "module"从scripts里移到根层级，修改后的完整内容如下：

{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite --host --port 8000",
        "build": "vite build"
    },
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.2",
        "alpinejs": "^3.4.2",
        "autoprefixer": "^10.4.2",
        "axios": "^1.1.2",
        "laravel-vite-plugin": "^0.7.2",
        "postcss": "^8.4.6",
        "tailwindcss": "^3.1.0",
        "vite": "^4.0.0"
    }
}

修改完成后，重新执行npm run dev，警告就会消失。

内容的提问来源于stack exchange，提问作者Leoh