webpack，babel：es6導入與要求爲Fabric.js

我在我的開發工具鏈中使用webpack和babel;運行下面的代碼時：webpack，babel：es6導入與要求爲Fabric.js

import * as fabric from 'fabric'; 

var canvas = new fabric.Canvas('canvas');

我得到以下錯誤：

_fabric2.default.Canvas is not a constructor

而如果我用require('fabric');代替 import相同的代碼工作正常。

我試過不同的方式調用import但他們都沒有工作。

我的棉絨工具抱怨未定義的fabric變量，所以我想正確定義它。令人驚訝的（對我來說），這個代碼不起作用既不：

var fabric = require("fabric");

我碰到下面的錯誤在這種情況下：

fabric.Canvas is not a constructor

我在做什麼錯？

來源

2016-05-02 mguijarr

在我的當前設置使用fabric從NPM，我用

import {fabric} from 'fabric'

訪問到面料全局對象。

來源

2016-09-20 12:20:40 kcjpop

查看源代碼，你可以發現fabric是通過在窗口對象上設置全局來實現的。所以一旦你require或import你可以直接開始使用結構。如果你想讓它得到很好的定義，你可以從窗口對象中獲得定義。 var fabric = window['fabric']

https://github.com/kangax/fabric.js/blob/master/dist/fabric.js

來源

2016-05-02 17:14:20 raiyan

那麼這意味着fabricjs不符合CommonJS或AMD模塊約定？ – mguijarr

查看kcjpop的回答，'從'布料'導入{fabric};'工作正常 – hjing

你import不正確。以下工作正常：

import 'fabric' 

let canvas = new fabric.Canvas('c', { 
    backgroundColor: 'rgb(100,100,200)', 
    selectionColor: 'blue', 
    selectionLineWidth: 2 
});

來源

2016-06-24 12:00:02 love2node

webpack，babel：es6導入與要求爲Fabric.js

回答

相關問題