Question

我使用的是Angular的2.0.0-rc.4版本。我一直＆＃34;谷歌未在我的控制台中定义＆＃34; 问题

bundle.js:2 Uncaught ReferenceError: google is not defined
With Angular Beta without gulp, I have not had the problem.

typings folder content

my ** gulpfile.js ** file

  var gulp = require('gulp');

    gulp.task('bundle', function() {
        var SystemBuilder = require('systemjs-builder');
        var builder = new SystemBuilder();

        builder.loadConfig('./system.config.js')
            .then(function(){
                var outputFile = 'dist/bundle.js';
                return builder.buildStatic('app', outputFile, {
                    minify: true,
                    mangle: true,
                    rollup: true
                });
            })
            .then(function(){
                console.log('bundle built successfully!');
            });
    });

的package.json

{
  "name": "angular2-poc",
  "scripts": {
    "clean": "gulp clean",
    "compile": "gulp compile",
    "build": "gulp build",
    "postinstall": "typings install",
    "test": "tsc && karma start",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" ",
    "typings": "typings"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "gulp": "^3.9.1",
    "gulp-concat": "^2.6.0",
    "gulp-jshint": "^2.0.1",
    "gulp-minify": "0.0.11",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^2.3.1",
    "gulp-uglify": "^1.5.3",
    "gulp-util": "^3.0.7",
    "jasmine-core": "~2.3.4",
    "jshint": "^2.9.2",
    "karma": "~0.13.15",
    "karma-jasmine": "~0.3.6",
    "karma-phantomjs2-launcher": "^0.3.2",
    "lite-server": "2.0.1",
    "path": "^0.12.7",
    "systemjs-builder": "^0.15.16",
    "traceur": "^0.0.91",
    "typescript": "^1.7.3",
    "yargs": "^4.7.0"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.1",
    "@angular/upgrade": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "es6-shim": "^0.35.0",
    "events": "^1.0.2",
    "fbjs": "^0.3.1",
    "flux": "^2.1.1",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.12"

} }

我的tsd.json文件

   {
      "version": "v4",
      "repo": "borisyankov/DefinitelyTyped",
      "ref": "master",
      "path": "typings",
      "bundle": "typings/tsd.d.ts",
      "installed": {
        "googlemaps/google.maps.d.ts": {
          "commit": "de82425735f84a10b43921ae4b1d085b3752a626"
        }
      }
    }

谢谢你

Answer 1

尝试从index.html加载这两个文件

<script src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

有关详情，请参阅 - https://developers.google.com/chart/interactive/docs/basic_load_libs

看看这是否有帮助。

Angular2 bundle.js：2未捕获的ReferenceError：未定义谷歌

1 个答案: