从Project VueJS -frontendvite.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:UsersDesktopLearnProjectvuejs-frontendvite.config.js
error when starting dev server:
Error: The service was stopped
at C:UsersDesktopLearnProjectvuejs-frontendnode_modulesesbuildlibmain.js:1337:25
at C:UsersDesktopLearnProjectvuejs-frontendnode_modulesesbuildlibmain.js:666:9
at Socket.afterClose (C:UsersDesktopLearnProjectvuejs-frontendnode_modulesesbuildlibmain.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'}如下所示，一切都很顺利。

——日志——包:"vite@3.0.2",需要:{node: '^14.18.0 |>=16.0.0'}，当前:{node: 'v14.17.6'， npm: '8.15.0'}

希望能有所帮助

Answer 2

如果你正在运行node js的新版本，我正在运行18。

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

// 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

我有一个类似的错误提示，但我的工作与反应，我只是解决了这个输入命令:

$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依赖关系是最容易冲突的。

要进行更改，您可以编辑包。

使用NPM install或NPM install指定版本的特定包，从NPM获得正确格式的安装链接。这使我憋了好几个小时。事情甚至不是关于节点的上面的答案，因为我自己是在16.17，虽然检查，升级节点最终在更多的问题关于openssl，因为我已经安装了postgres也添加了配置路径。我不想碰它。在创建单独的项目并单独安装breeze之后，我发现了这个错误。

在网上搜索了几个小时后，我从Laravel的Povilas每天发的这条推文中得到了一些提示。

问题与我的相似，如果我没有错的话:

检查一下

Answer 5

我也有同样的问题，这是因为你的Vite版本不匹配节点版本。

你需要更新你的节点到最新的，这很容易。

只要在https://nodejs.org/en/下载最新版本的node，你的问题就会解决。

Answer 6

我在设置和使用vite时遇到了同样的错误，我通过在我的vite.config.js文件中导入import { resolve } from 'path'来解决这个问题，如这里的文档https://vitejs.dev/guide/build.html#library-mode

希望有帮助!

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()],
});