如何在 Angular 2 中创建导入 QuillJS 模块的组件?

2024-02-26

我对 Angular 2 和 TypeScript 还很陌生。我正在使用 AngularCLI 和 NPM 创建我的 Angular 项目。我已经使用 NPM 将 quill 节点模块安装到我的项目中。我现在正在尝试创建一个组件,在其中我可以通过他们的 API 自定义我的鹅毛笔编辑器。

我正在尝试使用:

import * as Quill from 'quill'; 

这将返回“找不到鹅毛笔模块”错误。

我已经添加了

"": "0.0.26",
"quill": "^1.0.4",

package.json 作为依赖项。


我尝试在使用以下命令生成的宠物 Angular CLI 项目中重现您的问题ng new命令,效果很好。这是代码:

import { Component } from '@angular/core';
import * as Quill from 'quill';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';

  ngOnInit() {
    console.log(Quill);
  }
}
And here's the output I get: Image Link https://i.stack.imgur.com/8a7mn.png

转到您的项目node_modules文件夹并查找名为的文件夹quill,反正就算有,删掉node_modules文件夹并运行npm i再次命令

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular 2 中创建导入 QuillJS 模块的组件? 的相关文章

随机推荐

  • bin文件夹中的apk文件和通过Eclipse中的Export选项创建的apk文件有什么区别?

    bin文件夹中的apk文件和通过Eclipse中的Export选项创建的apk文件有什么区别 为了调试目的 我可以直接使用bin文件夹中的文件吗 或者是否建议始终 导出 apk 文件 Apk in bin文件夹使用用于调试的虚拟密钥 调试密
  • 在 Java 中将字符串转换为日期对象

    我需要将以下字符串解析为java中的日期对象 String time Jul 24 2012 05 19 34 DateFormat df new SimpleDateFormat MM dd yyyy HH mm ss Date date
  • Twitter Bootstrap 3 Glyphicons 错误

    I m trying to upgrade from Bootstrap2 to Bootstrap3 Everything works so far except the Glyphicons a square is displayed
  • 将用户重定向至注册

    Using before action authenticate user 检查用户是否登录 但它会将用户发送到login代替signup 尝试了不同的方式来引导用户signup代替login 但他们不注册成功后将用户返回原始页面 如何让用
  • 更改和传递 tabControls tabPage 内的内容

    我正在使用 Windows 窗体应用程序并遇到以下问题 我在应用程序中使用 tabControl 当用户执行特定操作时 需要更改某些 tabPage 内的内容 例如 一个 tabPage 包含一个文本区域和一个按钮 当用户单击按钮时 文本区
  • 无法使用 django-userena 启动帐户应用程序

    尝试安装 django userena 并在启动时 python manage py startapp polls 我收到 userena compat SiteProfileNotAvailable 错误 所以这很奇怪 首先 官方 Dja
  • 如何在不创建函数的情况下删除 SQL 中的非字母数字字符?

    我正在尝试删除表中多列中的非字母数字字符 并且无权创建函数或临时函数 我想知道这里是否有人有过在不创建任何函数的情况下删除非字母数字字符的经验 谢谢 我正在使用 MS SQL Server Management Studio v17 9 1
  • C++ 程序崩溃时如何获取堆栈跟踪? (使用msvc8/2005)[重复]

    这个问题在这里已经有答案了 有时我的 C 程序在调试模式下崩溃 我得到的是一个消息框 指出某些内部内存管理例程 访问未分配的内存等 中的断言失败 但我不知道它是从哪里调用的 因为我没有得到任何堆栈跟踪 如何获取堆栈跟踪或至少查看代码中失败的
  • 在 HTML 中隐藏 SVG 元素而不禁用内部定义的剪辑路径?

    参考问题剪辑路径在 SVG 精灵中不起作用 https stackoverflow com questions 29480607 clip path not working in svg sprite 看来我们不能使用style displ
  • python 中的 Selenium 单元测试是什么?

    用 突出显示的第 3 16 17 18 和 19 行的含义是什么 有人可以解释一下他们是做什么的吗 我是 python 和编程新手 import unittest from selenium import webdriver class I
  • SQL Server:通过查询找出列的默认值

    如何使用 SQL 查询找出表中列的默认值 通过使用此存储过程 sp columns tablename 我获得了有关特定表的列的一些信息 但缺少列的默认值 我怎样才能获得它 您可以使用以下内容找到存储的定义 请记住调整列和表名称以查找与您的
  • 使用 Yeoman 禁用 LiveReload

    在 IE8 中测试时 LiveReload 会抛出错误 因为不支持 Web 套接字 有没有办法配置 yeoman 来禁用 LiveReload Yeoman 不支持 IE8 这是有充分理由的 但是 您可以执行艾伦描述的操作 或者您可以覆盖s
  • 如何外部化 web.xml servlet init-param? Spring DelegatingFilterProxy 用于 Servlet?

    我有一个无法修改的第 3 方 servlet 它接受一个init param我想外部化 来自 web xml 我可以外部化 servlet 过滤器init param using 委托过滤代理 http static springsourc
  • Tomcat 上下文管理

    tomcat 6 0 文档位于http tomcat apache org tomcat 6 0 doc config context html http tomcat apache org tomcat 6 0 doc config co
  • 通过反射调用 getter 的最佳方式

    我需要获取具有特定注释的字段的值 因此通过反射我能够获取此字段对象 问题是这个字段将始终是私有的 尽管我事先知道它总是有一个 getter 方法 我知道我可以使用 setAccesible true 并获取它的值 当没有 Permissio
  • Yii 不是自动的,包括 jquery

    我在使用 Yii 和 Jquery 时遇到一个奇怪的问题 当我在本地主机上打开一个使用 ajax jquery 的页面时 Yii 会自动添加对页面的资产包含调用 但是 当我在服务器上运行相同的代码时 Yii 不会执行此
  • Django 以 10 为基数的 int() 的文字无效

    我正在 Django 中创建一个简单的搜索结果页面 用户通过文本搜索并从下拉列表中添加城市字段 查询如下 if query in request GET and request GET query city request GET city
  • 如何在椭圆形边框内设置圆形图标元素的样式?

    我正在尝试编写此代码 但我在如何处理边框和其他东西中的不同颜色方面遇到了困难 到目前为止 我的 html 代码中有 buttonfilter color 0065FC background color DEEBFF height 20px
  • 如何在 Git 中查看文件历史记录?

    通过 Subversion 我可以使用乌龟SVN https en wikipedia org wiki TortoiseSVN查看文件的历史记录 日志 我怎样才能用 Git 做到这一点 我只是寻找特定文件的历史记录 然后比较不同版本的能力
  • 如何在 Angular 2 中创建导入 QuillJS 模块的组件?

    我对 Angular 2 和 TypeScript 还很陌生 我正在使用 AngularCLI 和 NPM 创建我的 Angular 项目 我已经使用 NPM 将 quill 节点模块安装到我的项目中 我现在正在尝试创建一个组件 在其中我可