javascript - webpack froala 无法读取未定义的属性 'fn' #1312

Question

{ 
    test: require.resolve("./src/plugins/froala_editor.min"),
    loader: "imports?$=jQuery"
}

var $ = require("jquery");

webpack chrome 控制台错误:Uncaught TypeError: $(...).editable 不是函数

Answer 1

关于 jQuery 和 webpack 配置，你可以这样做:

new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery"
})

因此，当您在 froala 编辑器中使用 $ 或 jQuery 时，它将加载 jquery。

在你的例子中，froala 在加载 jquery 之前使用 jquery UI

或者!!更新:

npm install --save-dev script-loader

main.js

require('jquery')
require("script!./path-to-froala-editor.min");

天啊!!你在 npm 上有 froala 只需从那里安装它并在你的 main.js 中需要它

https://www.npmjs.com/package/froala-editor