Fatal编程技术网
  • javascript/
  • Javascript 添加节点（a-颜色选择器）——>；未捕获异常：未定义ReferenceError HTML元素

Javascript 添加节点（a-颜色选择器）——>；未捕获异常：未定义ReferenceError HTML元素

javascript node.js

Javascript 添加节点（a-颜色选择器）——>；未捕获异常：未定义ReferenceError HTML元素,javascript,node.js,Javascript,Node.js,在我的html文件中，我有以下代码： <div class="picker" acp-color="#EFE9E7" acp-palette="PALETTE_MATERIAL_CHROME" acp-palette-editable> </div> const AColorPicker = require('a-color-picker') AColorPicker.from('.picker') .on('change

在我的
html
文件中，我有以下代码：

<div class="picker"
     acp-color="#EFE9E7"
     acp-palette="PALETTE_MATERIAL_CHROME"
     acp-palette-editable> 
</div>

    const AColorPicker = require('a-color-picker')
AColorPicker.from('.picker')
    .on('change', (picker, color) => {

    })
    .on('coloradd', (picker, color) => {
      // color added: color
      // modified palette: picker.palette
    })
    .on('colorremove', (picker, color) => {
      // color removed: color
      // modified palette: picker.palette
    });
当我启动此操作时，没有显示任何内容，并且我得到了引用错误，但是我已经安装了该节点，并且在我的文件中找到了带有autocomplete的节点

如果您正在使用诸如
browserify或requirejs
之类的适当工具，则您不能错误地将后端和前端代码
require
用于后端代码或forented。如果要运行此代码并查看结果，最简单的方法是使用颜色选择器添加
script
标记：

1.index.html文件

<html>
 <head>
   <script src="https://cdn.jsdelivr.net/npm/a-color-picker@1.1.8/dist/acolorpicker.js"></script>
   <script src="./app.js"></script>
 </head>
 <body>
  <div class="picker"
    acp-color="#EFE9E7"
    acp-palette="PALETTE_MATERIAL_CHROME"
    acp-palette-editable> 
  </div>
 </body>
</html>
这里有一个测试工具：

@ManuelRiedl您找到了这个问题的另一种解释了吗？ 
AColorPicker.from('.picker')
.on('change', (picker, color) => {

})
.on('coloradd', (picker, color) => {
   //color added: color
   //modified palette: picker.palette
})
.on('colorremove', (picker, color) => {
    //color removed: color
    //modified palette: picker.palette
});