javascript 无法从\Project\vuejs-frontend\vite.config.js加载配置:版本JS

ql3eal8s  于 2022-12-10  发布在  Java
关注(0)|答案(3)|浏览(307)

我的项目昨天运行良好,但在今天重新访问项目后,我在尝试运行项目时遇到了这个错误。
下面是我的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)

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

uurity8g

uurity8g1#

请检查您的节点版本,在我的情况下,我更新我的节点版本{node:'v14.17.6'}如下图所示,一切顺利。
---日志---程序包:“vite@3.0.2,”必需:{节点:'^14.18.0||〉=16.0.0' },当前:{节点:“v14.17.6”,节点分钟:“8.15.0”}
希望能有所帮助

xt0899hw

xt0899hw2#

这个错误看起来是因为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-pluginlaravel-vite-plugin依赖关系是最冲突的。

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

这让我失望了几个小时。事情甚至不是关于节点的,因为我在16.17上的时候就有了上面的答案,尽管也检查了一下,升级节点最后遇到了更多关于openssl的问题,因为我也安装了postgres,它在路径中添加了配置。我不想碰它。在坐立不安地创建单独的项目和单独安装breeze之后,我发现了这个错误。
我得到了一个暗示是怎么回事,从这个tweet从波维拉斯的拉拉威尔每天经过几个小时的搜索互联网。
如果我没猜错的话,问题和我的类似:
check it out

ggazkfy8

ggazkfy83#

如果您运行的是较新版本的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设置为一个常量,然后导出该常量。

相关问题