无法从 \\Project\\vuejs-frontend\\vite.config.js 加载配置：VueJS答案

【问题标题】：Failed to load config from \Project\vuejs-frontend\vite.config.js: VueJS无法从 \\Project\\vuejs-frontend\\vite.config.js 加载配置：VueJS
【发布时间】：2022-10-07 08:50:25
【问题描述】：

我的项目昨天运行良好，但今天重新访问项目后，我在尝试运行项目时遇到了这个错误。

这是我的vite.config.js文件：

import { fileURLToPath, URL } from "node:url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});

这是我得到的错误：

failed to load config from C:\Users\Desktop\Learn\Project\vuejs-frontend\vite.config.js
error when starting dev server:
Error: The service was stopped
    at C:\Users\Desktop\Learn\Project\vuejs-frontend\node_modules\esbuild\lib\main.js:1337:25
    at C:\Users\Desktop\Learn\Project\vuejs-frontend\node_modules\esbuild\lib\main.js:666:9
    at Socket.afterClose (C:\Users\Desktop\Learn\Project\vuejs-frontend\node_modules\esbuild\lib\main.js:644:7)
    at Socket.emit (node:events:539:35)
    at endReadableNT (node:internal/streams/readable:1345:12)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)

请与我分享您知道的任何有用的提示。谢谢

【问题讨论】：

我看到并使用了一些导入fileURLToPath 和URL 但来自url，而不是node:url 的项目。否则对我来说很好

标签： javascript vue.js vuejs2 vuejs3 vite

【解决方案1】：

请检查您的节点版本，在我的情况下，我更新了我的节点版本 {node: 'v14.17.6'}，如下所示，一切顺利。

- - 日志 - - 包：'vite@3.0.2'，必需：{节点：'^14.18.0 || >=16.0.0' }, 当前：{节点：'v14.17.6'，npm：'8.15.0'}

希望有帮助

【讨论】：

【解决方案2】：

该错误似乎源于 laravel 使用 vite 2 而当前 vite 为 3 的事实，但似乎 jetstream 只是安装了最新的依赖项而没有考虑这一点。因此，您必须手动尝试相互兼容的版本。目前对我有用的是：

    "@vitejs/plugin-vue": "^2.3.3",
    "laravel-vite-plugin": "^0.2.1",
    "vite": "^2.9.11",
    "vue": "^3.2.31"
    "tailwindcss": "^3.1.0",

看来laravel-vite 插件是laravel-vite 插件依赖关系是最冲突的。

要进行更改，您可以编辑 package.json 并运行 npm install 或 npm install 指定版本的特定包从 npm 获取安装链接以获得正确的格式。

这让我沮丧了好几个小时。事情甚至与我在 16.17 上的答案一样与节点无关，尽管也检查了这一点，但升级节点最终会遇到更多关于 openssl 的问题，因为我也安装了 postgres，它在路径中添加了配置。我不想碰那个。在烦躁地创建单独的项目并单独安装微风之后，我发现了错误。

经过数小时的互联网搜索后，我每天都从 Laravel 的 Povilas 的 tweet 中得到了一些提示。

如果没有错，问题与我的类似：

check it out

【讨论】：