Question

我使用此plunker基于我的代码：http://plnkr.co/edit/81nWDyreYMzkunihfRgX?p=preview

正如您所看到的那样是远程加载依赖项（带有http / s的脚本），然后我使用node更改它们，并使用package.json和tsconfig.json在本地替换所有依赖项。

但是，将标尺和矩形依赖项更改为local时，如下所示：

$query = $this->DB->db->prepare($query_string);

出现错误说：

import {Ruler, Rectangle} from "angular2/src/platform/browser/ruler";

Answer 1

https://github.com/angular/angular/pull/8452#issuecomment-220460761

mhevery 12天前评论过我们已决定删除标尺服务，因此它不属于公共API。

Answer 2

您只需在SystemJS配置中添加此行：

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

(...)

<script>
  System.config({
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    },
    map: {
      'angular2/src/platform/browser/ruler': 'node_modules/angular2/src/platform/browser/ruler.js'
    }
  });
  System.import('app/boot')
        .then(null, console.error.bind(console));
</script>

使用导入时，您有相应的对象：

import {Ruler} from 'angular2/src/platform/browser/ruler';
console.log(Ruler);
// print: Ruler(domAdapter) {
//    this.domAdapter = domAdapter;
// }

希望它可以帮到你，亨利

Answer 3

我假设你要从bundle中导入Angular2：

angular2.min.js or ( angular.js | angular.dev.js )

我检查文件：./node_modules/angular2/bundles/overview.md你会看到angular2包含：

angular2 /芯
angular2 /通用
angular2 /编译器
angular2 /平台/浏览器
angular2 /平台/ common_dom
angular2 /仪器

没有 src / 文件夹！

如果您要在应用中导入angular2/src/platform/browser/ruler，则必须向您的应用提供node_modules/angular2文件夹，此次没有捆绑！

如果您使用的是SystemJS，请考虑以下配置：

System.config({
        defaultJSExtensions: true,
        map: {
            "app": './src',
            "angular2": 'node_modules/angular2',
            'rxjs/operator/*' : 'node_modules/rxjs/add/operator/*',
            "rxjs": 'node_modules/rxjs',
            "reflect-metadata": 'node_modules/reflect-metadata/temp/Reflect.js',
            "zone.js": 'node_modules/zone.js/dist/zone.js'
        },
        packages: {
            app: {
                defaultExtension: 'js',
                format: 'register'
            },
            angular2: {
                defaultExtension: 'js',
            },
            rxjs: {
                defaultExtension: 'js'
            },
            'reflect-metadata': {
                format: 'global'
            }
        }
    });

node_modules 文件夹可公开访问！

标尺服务不作为本地依赖项工作

3 个答案: