summernote is not a function

use webpack

index.js

require('jquery');
require('bootstrap');
require('summernote');

$('#summernote').summernote();

when i refresh index.html，error: Uncaught TypeError: e(...).summernote is not a function

[gonprazeres]

I had the same problem. It turned out my project was using a different jquery version from the one being required by summernote. Webpack bundles both versions and provides one to the summernote module and another to my code so my version of jquery is not extended with the summernote function.

To solve the problem you can revert your project to the same jquery version summernote uses or force your version of jquery on summernote. I chose the latter and managed to do it by registering a jquery alias on your webpack.config.js.

resolve: { alias: { jquery: path.resolve(__dirname, 'node_modules/jquery/dist/jquery.js') }, }

[congloi2704]

alias: { jquery: path.resolve(__dirname, ‘node_modules/jquery/dist/jquery.js’) }, i tried but it didn’t run 😦