Sveltekit Apollo 客户端构建错误答案

【问题标题】：Sveltekit Apollo Client build errorsSveltekit Apollo 客户端构建错误
【发布时间】：2022-08-02 19:02:43
【问题描述】：

安装/使用 ApolloClient 后构建我的 sveltekit 应用程序时遇到问题。

npm run dev功能正常但在终端显示错误：

(node:38924) ExperimentalWarning: buffer.Blob is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)

相信我的导入很好，它们不会抛出错误：

import { ApolloClient } from \"@apollo/client/core/ApolloClient.js\";
import { InMemoryCache } from \"@apollo/client/cache/inmemory/inMemoryCache.js\";
import { setClient } from \'svelte-apollo\';

问题发生时我尝试在 Vercel（或本地）中构建，但出现以下错误：

Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import \'/vercel/path0/node_modules/@apollo/client/core\' is not supported resolving ES modules imported from /vercel/path0/.svelte-kit/output/server/entries/pages/index.svelte.js
Did you mean to import @apollo/client/core/core.cjs?
    at new NodeError (node:internal/errors:372:5)
    at finalizeResolution (node:internal/modules/esm/resolve:433:17)
    at moduleResolve (node:internal/modules/esm/resolve:1009:10)
    at defaultResolve (node:internal/modules/esm/resolve:1218:11)
    at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)
    at link (node:internal/modules/esm/module_job:78:36)
[vite-plugin-svelte-kit] 500 /
error during build:
Error: 500 /
    at file:///vercel/path0/node_modules/@sveltejs/kit/dist/vite.js:1126:11
    at save (file:///vercel/path0/node_modules/@sveltejs/kit/dist/vite.js:1399:4)
    at visit (file:///vercel/path0/node_modules/@sveltejs/kit/dist/vite.js:1290:3)
Error: Command \"npm run build\" exited with 1

标签： svelte apollo-client sveltekit

【解决方案1】：

我也有这个问题

错误 [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/Users/dennisjunioruzeh/Desktop/interview-task/node_modules/@apollo/client/core' 不支持解析从 /Users/dennisjunioruzeh/Desktop/interview-task/.svelte- 导入的 ES 模块工具包/输出/服务器/条目/页面/index.svelte.js 你的意思是导入@apollo/client/core/core.cjs 吗？在新的 NodeError (node:internal/errors:371:5) 在 finalizeResolution (节点:internal/modules/esm/resolve:414:17) 在 moduleResolve（节点：internal/modules/esm/resolve:983:10）在 defaultResolve (node:internal/modules/esm/resolve:1080:11) 在 ESMLoader.resolve (节点:internal/modules/esm/loader:530:30) 在 ESMLoader.getModuleJob (节点:internal/modules/esm/loader:251:18) 在 ModuleWrap。（节点：内部/模块/esm/module_job：79:40）在链接处（节点：内部/模块/esm/module_job:78:36） (node:15966) ExperimentalWarning: buffer.Blob 是一个实验特性。此功能可能随时更改（使用node --trace-warnings ... 显示警告的创建位置） file:///Users/dennisjunioruzeh/Desktop/interview-task/node_modules/@sveltejs/kit/dist/prerender.js:460 抛出新错误（格式错误（详细信息，配置））；

【讨论】：