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

标签 javascript webpack

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

var $ = require("jquery");

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

最佳答案

关于 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

关于javascript - webpack froala 无法读取未定义的属性 'fn' #1312,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37496732/

相关文章:

javascript - webpack 包大小 vs requirejs 包大小

webpack.config.js 不断将bundle.js 的脚本标记添加到我的index.html 中

javascript - 如何从异步调用返回响应?

javascript - 一个 svg 中包含多个 d3 图形

javascript - 优化nodejs aws lambda

javascript - 用于 react 的 CSS 模块

javascript - 如何从 Vuejs 中的 JSX 功能组件发出事件

javascript - Ruby on Rails 使用 AJAX 更新列表打破了顺序

php - 如何将 .html() 值从 JavaScript 传递到 CodeIgniter Controller ?

javascript - 使用 webpack 将所有 js 文件构建到目标文件夹