从＆＃x27; Angular＆＃x27导入{angular}不在AngularJS中工作（1.5）

Question

Angularjs -1.5 打字稿-1.8.10 webpack -1.15.0

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true
  },
  "exclude": [
    "node_modules",
    "typings",
    "dist"
  ],
  
  "compileOnSave": false,
  "buildOnSave": false,
  "atom": { "rewriteTsconfig": false }
}

我在./src/main/frontend/app/leftmenu/index.ts中遇到错误 时，找不到模块'angular'。

（1,21）：错误ts2307：在我进行npm run build index.ts

import {angular} from 'angular';
import {MenuService} from './menuService';
import {LeftMenuController} from './leftmenu';


angular.module('tat')
.service('MenuService', MenuService)
.component('leftMenu',{
          template : require('./leftmenu.html'),
           controller : LeftMenuController,
           controllerAs : 'lm'
       });
        

请告诉我如何使我的索引可见角模块

。

Answer 1

您应该将AngularJS作为默认模块导入。还建议将您的服务和组件作为角模块导出。这让您将所有内容作为ES6模块管理。

   import angular from 'angular';
   import MenuServiceMod from './menuService';
   import LeftMenuComponentMod from './leftmenu';

   export default angular.module('tat', [
     MenuServiceMod,
     LeftMenuComponentMod
   ]);

   // component leftmenu.js
   const compConfig = {
      template : require('./leftmenu.html'),
       controller : LeftMenuController,
       controllerAs : 'lm'
   };
   function LeftMenuController() {
   // component logic
   }
   let compMod = angular.module('LeftMenuMod', []).component('leftMenu', compConfig);
   export default compMod = compMod.name;

   // service menuService.js
   class MenuService {
   // service logic
   }
   let svcMod = angular.module('MenuServiceMod', []).service('MenuService', MenuService);
   export default svcMod = svcMod.name;