我在Rollup 4中遇到了这个问题：
[！] RollupError：Expected '，'，got '：'（注意你需要插件来导入不是JavaScript的文件）src/index.ts（48：19）
我的Babel配置似乎工作正常，我可以直接运行Babel并获得transplied输出：

npx babel src/index.ts // Run perfectly fine

字符串
我的babel.config.json：

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": "defaults"
      }
    ],
    "@babel/preset-typescript"
  ]
}

型
现在来看看我的rollup.config.mjs。我在考虑加载外部babel.config.json时的一些问题，所以我只是将Babel配置复制到babel()插件中：

import babel from '@rollup/plugin-babel';
import resolve from '@rollup/plugin-node-resolve';

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/index.esm.js',
    format: 'esm',
  },
  plugins: [
    resolve(),
    babel({
      babelrc: false,
      presets: [
        [
          '@babel/preset-env',
          {
            targets: 'defaults',
          },
        ],
        '@babel/preset-typescript',
      ],
    }),
  ],
};

型
这是我的tsconfig.json：

{
  "compilerOptions": {
    "target": "ESNext",
    "declaration": true,
    "declarationDir": "dist/",
    "isolatedModules": true,
    "moduleResolution": "bundler",
    "lib": ["esnext", "DOM"]
  }
}

型