外部對象沒有找到

Question

我已經定義在webpack.config的外部物料的UI

module.exports = [{ 
    entry: ... 
    output:... 
    externals: { 
    react: { 
     commonjs: "react", 
     commonjs2: "react" 
    }, 
    "material-ui": { 
     commonjs: "material-ui", 
     commonjs2: "material-ui" 
    } 
    }, 
    module: ... 
}]; 

仍然是其給錯誤喜歡 -

無法解析模塊「材料的UI/IconButton」 ......

在我進入js文件，我有

import React, {Component} from "react"; 
import IconButton from "material-ui/IconButton"; 
..... 
..... 

Answer 1

好吧，我解決了它。外部期望完整的路徑。

因此，要麼，

import {IconButton} from "material-ui" 

或

externals: { 
    "material-ui/IconButton": { 
    commonjs: "material-ui/IconButton", 
    ... 
    } 
} 

會工作。當然，第二種選擇在這裏是不合理的