[英]How to use marked plugins in Vue3 project?
I have tried to use marked plugin in my Vue.js apps.我曾尝试在我的 Vue.js 应用程序中使用标记的插件。 Installed marked@4.0.8, compiled is nothing problem.安装marked@4.0.8,编译没问题。 But in browser, any contents showed.但是在浏览器中,显示了任何内容。 I used vite to make Vue project.我用vite做Vue项目。 Also, I referred this site.另外,我提到了这个网站。
So my test code like that.所以我的测试代码就是这样。
<template>
<div>
{{ markdown }}
</div>
<div v-html="markdownToHtml"></div>
</template>
<script setup>
import { ref, computed } from "@vue/runtime-core";
import marked from "marked";
const markdown = ref("# hello");
const markdownToHtml = computed(() => {
return marked(markdown.value);
});
</script>
and error code in console at browser like that.和浏览器控制台中的错误代码。
Uncaught SyntaxError: The requested module '/node_modules/.vite/marked.js?v=f8c9698b' does not provide an export named 'default'
How do I correctly use marked in Vue.js project? Vue.js项目中如何正确使用marked? Does anyone advise me,please?有人建议我吗?
You need import the library as您需要将库导入为
import { marked } from 'marked'
and use like marked.parse(markdown.value)
并使用像marked.parse(markdown.value)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.