小编Hol*_*ler的帖子

我正在尝试使用 React 和标记的节点包构建一个 Markdown 预览器。当我尝试解析 DOM 上的任何降价时，一切正常。当我这样做时，我收到一条错误消息：Uncaught TypeError：标记不是函数。

我已经在文件顶部标记了声明，如下所示：

import { useState } from "react";
import "./App.css";
const marked = require("marked");

我也尝试像这样声明标记：

import { useState } from "react";
import "./App.css";
const { marked } = require("marked");

但这似乎没有什么区别。

这是我的代码配置：

            <div className="preview-label">Preview</div>
            <div
              id="preview"
              className="preview-area"
              dangerouslySetInnerHTML={{
                __html: marked(mrkdwn),
              }}
            ></div>
          </div>

我也尝试过：

            <div className="preview-label">Preview</div>
            <div
              id="preview"
              className="preview-area"
              dangerouslySetInnerHTML={{
                __html: marked.parse(mrkdwn),
              }}
            ></div>
          </div>

            <div className="preview-label">Preview</div>
            <div
              id="preview"
              className="preview-area"
              dangerouslySetInnerHTML={{
                __html: marked.parser(mrkdwn),
              }}
            ></div>
          </div>

和

            <div className="preview-label">Preview</div>
            <div
              id="preview"
              className="preview-area"
              dangerouslySetInnerHTML={{
                __html: …

我最近从 Vuetify 1.5 升级到 Vuetify 2.0，但无法正常工作。我觉得我错过了一些东西。

我下载了最新的 Vuetify 包和 @mdi/font 包。据我所知，我已经按照文档中的说明操作：我已经添加了带有 vuetify.js 文件的 plugins 文件夹，据我所知，我已经将 Vuetify 实例化到我的 Main.js 文件中正确，但没有任何样式出现在我的应用程序中。我还尝试在我的项目的各个位置（我的 App.vue 文件和各种其他页面文件）中添加元素标记，但似乎所做的只是破坏了更多内容；我要么让一个元素出现在没有样式的 DOM 上，要么 DOM 出现完全白色。

这是我的 vuetify.js 文件：

import Vue from "vue";
import Vuetify from "vuetify";
import "@mdi/font/css/materialdesignicons.css";

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: "mdi"
  }
});

这是我的 main.js 文件：

import Vue from "vue";
import App from "./App.vue";
import router from "./Router";
import Vuetify from "@/plugins/vuetify";
import 'vuetify/dist/vuetify.min.css'

Vue.config.productionTip = false;

new Vue({
  router,
  Vuetify,
  render: h => …