Node-vibrant: this.WorkerClass 不是构造函数

创建于 2019-01-29  ·  15评论  ·  资料来源: Vibrant-Colors/node-vibrant

嗨,我在文档中的示例中收到此错误:

承诺) TypeError: this.WorkerClass 不是构造函数。

这是我的代码:

console.log(src); Vibrant.from(src).getPalette() .then((palette) => console.log(palette))

我正在使用React

最有用的评论

@ivgtr您的解决方案完美地解决了这个问题!

npm remove node-vibrant && npm install [email protected]

所有15条评论

尝试在 React 中实现示例时,我也遇到了完全相同的错误,请帮忙。

对困惑感到抱歉。 我们仍在最终确定文档。

您将需要 webpack 和 worker-loader 才能工作。
相关文档在开发分支中:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

我会尽我所能看看我们如何发布不需要 webpack 的构建版本。 时间线很犹豫,因为我有一些家庭健康问题,所以请耐心等待:)

同样的问题,虽然使用 vue.js

同样的问题,使用 Angular 7 :)

与 Vue.js 相同的问题
使用 Webpack

@AggressivelyMeows@MadReal确保您已安装worker-loader并更改 webpack 配置。 如果使用 Vue,则需要编辑vue.config.js

//vue.config.js
module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.worker\.js$/,
          use: { loader: "worker-loader" }
        }
      ]
    }
  },
}

你好。 找不到可能让它发挥作用。 我的 webpack 配置中有加载程序,但仍然有错误...

@akfish 有什么想法吗?

请避免直接标记维护者 - FWIW 我是该项目的当前维护者之一。

有人可以提供我可以查看的最小复制品吗? 我无法重现

目前, npmjs有一个 alpha 版本作为最新版本发布。
在我的情况下(使用 Nuxt.js),我从“3.2.1-alpha.1”降级到“3.1.6”,错误解决了。

@ivgtr您的解决方案完美地解决了这个问题!

npm remove node-vibrant && npm install [email protected]

@ivgtr解决了! 谢谢!
从文档中添加配置并降级为[email protected]
希望这个问题会在node-vibrant下一个版本中得到解决
使用 React 和弹出的 react-create-app

请不要像https://github.com/storybookjs/storybook/issues一样,因为你看到 webpack 废话配置的问题比主要功能的“真实”问题更多。

请尽量使用最简单的方法。

@ivgtr您的解决方案完美地解决了这个问题!

npm remove node-vibrant && npm install [email protected]

谢谢你!!!!!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

eggers picture eggers  ·  3评论

chetstone picture chetstone  ·  14评论

Kikobeats picture Kikobeats  ·  9评论

lucafaggianelli picture lucafaggianelli  ·  9评论

inbarshani picture inbarshani  ·  4评论