Svelte卷取类型上的意外错误

Question

我正在尝试构建我的Svelte组件，它是用类型圈来编写的。我正在使用rollup并不断地获取错误消息。

   [!] (plugin svelte) ParseError: Unexpected token
      import type { Point } from './../typings/Point';

显然，“类型”导入似乎存在问题。

rollup.config.js：

import svelte from "rollup-plugin-svelte";
import resolve from "rollup-plugin-node-resolve";
import postcss from "rollup-plugin-postcss";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import typescript from "rollup-plugin-typescript2";
import json from "@rollup/plugin-json";

const pkg = require("./package.json");

export default {
  input: "src/index.tsx",
  output: [
    { file: pkg.module, format: "en" },
    { file: pkg.main, format: "umd", name: "Name" },
  ],
  plugins: [
    json({ compact: true }),
    svelte(),
    resolve(),
    typescript({ useTsconfigDeclarationDir: false }),
    peerDepsExternal(),
    postcss({
      extensions: [".css"],
    }),
  ],
};

tsconfig.json

{
  "extends": "@tsconfig/svelte/tsconfig.json",
   "include": ["src/**/*"],
  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
  "compilerOptions": {
    "target": "es2016",
    "module": "esnext",
    "outDir": "dist",
    "strict": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "importsNotUsedAsValues": "remove"
}

Answer 1

您需要集成svelte-preprocess (参见使用文件)并在组件中定义脚本语言：

<script lang="ts">