无法从 \Project uejs-frontend it.config.js 加载配置：VueJS

Question

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

这是我的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)

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

Answer 1

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

--- 日志--- 包：'[email protected]', 必需：{ 节点：'^14.18.0 || >=16.0.0' }, 当前：{节点：'v14.17.6'，npm：'8.15.0'}

希望有帮助

Answer 2

如果你运行的是较新版本的 Node js，我运行的是 18.x 并且仍然想使用 Vite，那么请稍微调整一下你的代码。

更改设置导出默认值的代码

// vite.config.js
export default defineConfig({
  build: {
    rollupOptions: {
      // https://rollupjs.org/guide/en/#big-list-of-options
    }
  }
})

成为

  const defineConfig = ({
  build: {
    rollupOptions: {
      // https://rollupjs.org/guide/en/#big-list-of-options
    }
  }
});
export default defineConfig;

基本上，您将 DefineConfig 设置为常量，然后将其导出。它在任何版本的 Node js 上都可以正常工作

Answer 3

我遇到了类似的错误提示，但我正在使用 React，我刚刚解决了这个问题，输入命令：

$npm update

Answer 4

该错误似乎源于 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-plugin 是 laravel-vite-plugin 依赖项是最冲突的。

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

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

经过数小时的互联网搜索后，我每天都从 Laravel 的 Povilas 发来的 tweet 中得到了一些关于正在发生的事情的提示。

如果我没记错的话，问题和我的类似：

检查一下

Answer 5

我也遇到了同样的问题，是因为你的Vite版本与node版本不匹配。

你需要将你的节点更新到最新，这很简单。

只需在 https://nodejs.org/en/ 下载最新版本的 Node，您的问题就会得到解决。

Answer 6

我在设置和使用 vite 时遇到了同样的错误，我通过在我的

import { resolve } from 'path' 

文件中导入

vite.config.js

解决了这个问题，如此处的文档所示 https://vitejs.dev/guide/build.html #图书馆模式

希望有帮助！

Answer 7

安装最新的节点版本形式 Node.js 解决了我的问题。 使用命令检查您的版本 -

node -v

我的旧版本是 - v14.15.1

新版本是 - v18.17.1

Answer 8

我也遇到同样的问题，但没能解决问题， 我认为问题可能是我的节点版本，但我有 16.17.0。

这就是我的 vite.config.js 文件的样子：

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

        export default defineConfig({
           plugins: [react()],
      });