angularjs - 使用 webpack 导入 Angular 模块 - 参数 'module' 不是函数，得到了对象

Question

我一直在尝试使用 webpack 设置 angular 1，但遇到了导入模块的问题，假设我想从 node_modules 导入 ramda

import angular from 'angular';
import uirouter form 'angular-ui-router';
import routing from './app.config';
import * as ramda from 'ramda';


angular.module('app', [uirouter, ramda])
  .config(routing);

我得到一个错误:参数“模块”不是一个函数，得到了对象。如果我控制 ramda，它确实是一个对象，我知道我需要一个字符串，但我就是不知道如何获取它？

Answer 1

将其更改为 import ramda from"ramda"。这是因为模块的导出是模块名。当您编写 import * as ramda 时，您会导入命名空间对象，该对象包含该模块的所有导出。

如果您使用的是 TypeScript，则可能需要将 allowSyntheticDefaultImports 添加到您的 tsconfig.json。 allowSyntheticDefaultImports