文章/答案/技术大牛

发布

社区首页 >问答首页 >Vue + summernote = TypeError：$(.).summernote不是函数

问Vue + summernote = TypeError：$(.).summernote不是函数
EN

Stack Overflow用户

提问于 2017-06-21 12:01:13

回答 1查看 1.9K关注 0票数 2

在summernote中得到这个错误。

TypeError：$(.).summernote不是函数

Vue (version - 2.2.2), summernote (version - 0.8.4), webpack (version - 2.2.1),jQuery (version - 3.2.1)

App.vue

  <template>
      <div id="app">
        <textarea name="editor" id="editor" v-model="text"></textarea>
      </div>
    </template>

    <script>
    export default {
      name: 'app',
      data () {
        return {
          text: 'test'
        }
      },
      mounted: function(){
        $('#editor').summernote()
      }
    }
    </script>

main.js

  import Vue from 'vue'
    import App from './App.vue'
    import 'bootstrap/dist/css/bootstrap.css'
    import 'summernote/dist/summernote.css'
    import 'bootstrap'
    import 'summernote'

    new Vue({
      el: '#app',
      render: h => h(App)
    })

index.html

  <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title>test-app</title>
      </head>
      <body>
        <div id="app"></div>
        <script src="/dist/build.js"></script>
      </body>
    </html>

webpack.config.js

  var path = require('path')
    var webpack = require('webpack')

    module.exports = {
      entry: './src/main.js',
      output: {
        path: path.resolve(__dirname, './dist'),
        publicPath: '/dist/',
        filename: 'build.js'
      },
      module: {
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader',
            options: {
              loaders: {
                'scss': 'vue-style-loader!css-loader!sass-loader',
                'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
              }
            }
          },
          {
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /node_modules/
          },
          {
            test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
            loader: 'file-loader'
          },
          {
            test: /\.(png|jpg|gif|svg)$/,
            loader: 'file-loader',
            options: {
              name: 'picture/[name].[ext]?[hash]',
            }
          },
          {
            test: /\.css$/,
            loader: 'vue-style-loader!css-loader!sass-loader'
          }
        ]
      },
      resolve: {
        alias: {
          'vue$': 'vue/dist/vue.esm.js'
        }
      },
      devServer: {
        historyApiFallback: true,
        noInfo: true
      },
      performance: {
        hints: false
      },
      devtool: '#eval-source-map',
      plugins: [
        new webpack.ProvidePlugin({
          $: 'jquery',
          jQuery: 'jquery',
          jquery: 'jquery'
        })
      ]
    }

javascript

summernote

回答 1

Stack Overflow用户

发布于 2017-06-22 13:49:49

有必要在summernote包中删除带有jQuery的文件夹“节点模块”。因为它创建了两个对象Jquery。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44675539

复制

相似问题

问Vue + summernote = TypeError：$(.).summernote不是函数
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue + summernote = TypeError：$(.).summernote不是函数EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue + summernote = TypeError：$(.).summernote不是函数
EN