嗨,我在文档中的示例中收到此错误:
承诺) TypeError: this.WorkerClass 不是构造函数。
这是我的代码:
console.log(src);
Vibrant.from(src).getPalette()
.then((palette) => console.log(palette))
我正在使用React
。
尝试在 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]
谢谢你!!!!!
最有用的评论
@ivgtr您的解决方案完美地解决了这个问题!