svelte.config.js 语法错误中的错误：无法在模块外使用 import 语句答案

【问题标题】：Error in svelte.config.js Syntax Error: Cannot use import statement outside a modulesvelte.config.js 语法错误中的错误：无法在模块外使用 import 语句
【发布时间】：2022-01-05 05:16:04
【问题描述】：

我设置svelte.config.js 如下代码：

import preprocess from 'svelte-preprocess';

const config = {
  preprocess: preprocess(),
};

export default config;

突然间，我的 Svelte 代码不断出错 Error in svelte.config.js SyntaxError: Cannot use import statement outside a module

如何解决这个问题？但我仍然可以使用 npm 运行项目

【问题讨论】：

标签： svelte svelte-3

【解决方案1】：

您可能没有在package.json 中使用"type": "module"，因此导入语句在svelte.config.js 中不起作用。您有三种方法可以解决此问题：

改用require()（另见https://github.com/sveltejs/language-tools/blob/master/docs/preprocessors/in-general.md#generic-setup）
将svelte.config.js 重命名为svelte.config.mjs
在您的package.json 中设置"type": "module"（可能会破坏其他脚本）

【讨论】：

【解决方案2】：

我通过设置 Svelte Language-server: Runtime on VSCode

解决了这个问题

转到File > Preferences > Settings在搜索框中搜索svelte，然后找到Svelte > Language-server: Runtime

之后，将完整路径node.exe（例如：C:\\Program Files\\nodejs\\node.exe）添加到Svelte > Language-server: Runtime

【讨论】：

【解决方案3】：

我无法发表评论，因此我发布作为答案。

@dummdidumm，package.json 中的 "type":"module" 问题仍然存在。知道为什么吗？

更改为 .mjs 有效。

【讨论】：

你应该编辑你的问题而不是发表评论作为答案