时间戳

首页 > 解决方案 > 将 npm 模块添加到 Piranha CMS

vue.js - 将 npm 模块添加到 Piranha CMS

问题描述

我是在前端扩展 Piranha CMS 的新手，我想使用 npm 中的一些库向管理器页面添加更多功能。CMS 使用的是 Vue，它提供了一些有用的库。我想用

import { SomeLibrary } from "some-library"

以及库自带的对应的Vue组件（即，<some-library/>）。但是，由于 Piranha 接受自定义脚本的方式，我无法使用它们。脚本通过以下方式添加到项目中

App.Modules.Manager().Scripts.Add("~/assets/js/myscripts.js");

据我所知，这并没有给我留出空间来为我的 javascript 使用模块。有没有办法解决这个问题，所以我可以使用 npm 库？

添加了更多信息，这是我正在尝试做的事情以及为什么它不起作用的示例。文件 test.js 使用上述行添加到 Startup.cs 中的项目中。

测试.js：

import draggable from 'vuedraggable'

export default {
    components: {
        draggable,
    },
    data() {
        return {}
    },
    created() {
        console.log("I am a test");
    }
}

导航到项目中的任何页面都会导致错误Uncaught SyntaxError: Cannot use import statement outside a module。我无法添加type="module"到 Startup.cs，因为没有参数可以做到这一点。我不确定这是否能解决问题。我只使用模块使用过javascript，所以我不确定这里发生了什么。我错过了一些明显的东西吗？否则如何在项目中使用任何 npm 库（它们是模块）？

标签： vue.jspiranha-cms

解决方案

推荐阅读