首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >(plugin ) SyntaxError:用rollup打包vue组件时的意外令牌

(plugin ) SyntaxError:用rollup打包vue组件时的意外令牌
EN

Stack Overflow用户
提问于 2021-07-07 05:45:45
回答 1查看 3.9K关注 0票数 5

当使用汇总打包Vue组件时,将出现以下错误:

(plugin ) SyntaxError:意外令牌

rollup.config.js:

代码语言:javascript
运行
复制
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "rollup-plugin-typescript2";
import vue from "rollup-plugin-vue";
import {babel} from '@rollup/plugin-babel';

import packageJson from "./package.json";

export default {
    input: "src/index.ts",
    output: [
        {
            format: "cjs",
            file: packageJson.main,
            sourcemap: true
        },
        {
            format: "esm",
            file: packageJson.module,
            sourcemap: true
        }
    ],
    plugins: [babel(), peerDepsExternal(), resolve(), commonjs(), typescript(), vue()]
};

button.vue:

代码语言:javascript
运行
复制
<template>
  <button>button</button>
</template>
<script lang="ts">
</script>

有解决办法吗?

所以我找到了一个更好的方法:

最好使用vue-证监会-汇总来打包Vue组件。

EN

回答 1

Stack Overflow用户

发布于 2021-07-16 07:29:11

我遇到了这样的问题。在<template>中的任何html标记上起誓。

代码语言:javascript
运行
复制
plugins: [
  vue() //should be the first
  babel(),
  peerDepsExternal(),
  resolve(),
  commonjs(),
  typescript(),
],

看这个问题

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68280645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档