Ruby on rails 如何使用NPM、Webpacker和Rails安装Quill dev 2.0？

让quilljsdev2.0使用我的rails项目时遇到问题。Vanilla Quilljs工作得很好，但当我通过npm安装quill-2.0-dev并将其导入Webpacker时，我得到了意想不到的标记“！”

控制台中的错误：

app/javascript/packs/quill-editor.js

import Quill from 'quill-2.0-dev'
export default Quill;

window.onload = () => {

const quill = new Quill('#editor', {
    modules: {
        toolbar: {
            container: '#toolbar'
        }
    },
    placeholder: 'Compose a document...',
    theme: 'snow'
});
};

package.json

  "dependencies": {
"@babel/core": "^7.11.1",
"@client-side-validations/client-side-validations": "^0.1.4",
"@rails/actioncable": "^6.0.0-alpha",
"@rails/activestorage": "^6.0.0-alpha",
"@rails/ujs": "^6.0.2-1",
"@rails/webpacker": "^4.0.7",
"boxicons": "^2.0.4",
"i": "^0.3.6",
"jquery": "^3.4.1",
"npm": "^6.14.8",
"quill-2.0-dev": "^2.0.0-dev.3",
"quill-blot-formatter": "^1.0.5",
"quill-emoji": "^0.1.7",
"turbolinks": "^5.2.0"

},

更新

当我尝试使用require关键字时：

const Quill = require('quill-2.0-dev');

我得到这个错误：

---

但正如您所看到的，它在my package.json（上图）中。

遵循此步骤可能会有所帮助

#从纱线添加包装
纱线添加纬管-2.0-dev
#在app/javascript/packs/application.js中导入模块
从“Quill-2.0-dev/core”导入Quill
从“quill-2.0-dev/modules/Toolbar”导入工具栏
从'quill-2.0-dev/themes/Snow'导入雪花；
从'quill-2.0-dev/formats/Bold'导入粗体；
从'quill-2.0-dev/formats/Italic'导入斜体；
从“quill-2.0-dev/formats/Header”导入标题；
羽毛套({
“模块/工具栏”：工具栏，
“主题/雪”：雪，
“格式/粗体”：粗体，
“格式/斜体”：斜体，
“格式/标题”：标题
});
#初始化
window.onload=函数（）{
变量编辑器=新羽毛笔（“#编辑器”{
模块：{toolbar:'#toolbar'}，
主题：“雪”
});
}
#鉴于
大胆的
斜体
你好，世界

---

感谢您的回复。我试过你的建议，但是现在我的工具栏图标坏了。截图：@Seth是的，我明白了，你需要使用ver

2.0-dev

吗？ver 2.0-dev样式还没有编译，所以我们无法导入，或者我们可能已经自己运行了compile。使用该版本不是一个要求，但我的客户需要的表目前只在ver 2.0 dev中可用，我将继续使用内置表格的Summernote。