1

こことここに記載されている指示と提案を読み、それに従いましたが、このエラーのポップアップを止めることはできません。以下は、私が従ったインストール手順です インストールプロセス

そして、これらは私が取得し続けるエラーです ここに画像の説明を入力

以下は私のtsconfigファイルです

{
  "compileOnSave": true,
  "compilerOptions": {
"typeRoots": [ "libs/@types" ],

"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"module": "commonjs",
"noEmitOnError": true,
"noImplicitAny": false,
"outDir": "../wwwroot/appScripts/",
"removeComments": false,
"sourceMap": true,
"target": "es6",
 "moduleResolution": "node"
  },
  "exclude": [
"node_modules",
"typings/index",
"typings/index.d.ts",
"typings/browser",
"typings/browser.d.ts"

  ]
}

私のgulpfile

    var ts = require('gulp-typescript');
var gulp = require('gulp');
var clean = require('gulp-clean');

var destPath = './wwwroot/libs/';

gulp.task('clean', function () {
    return gulp.src(destPath)
        .pipe(clean());
});


gulp.task("scriptsNStyles", () => {
    gulp.src([
        'core-js/client/**',
        'systemjs/dist/system.src.js',
        'reflect-metadata/**',
            'rxjs/**',
            'zone.js/dist/**',
            'jquery/dist/jquery.*js',
            'bootstrap/dist/js/bootstrap.*js',
            'ng2-bootstrap/**',
            'lodash/**',
            'moment/**',
            'symbol-observable/**',
            'hammerjs/**',
            'jasmine/**',
            '@types/**',
            '@angular/**'
    ], {
        cwd: "node_modules/**"
    })
        .pipe(gulp.dest("./wwwroot/libs"));
});

var tsProject = ts.createProject('scripts/tsconfig.json'
    ,{ typescript: require('typescript') }
    );
gulp.task('ts', function (done) {
    //var tsResult = tsProject.src();
    var tsResult = gulp.src(["scripts/**/*.ts","scripts/**/**/*.ts", "scripts/*.ts"])
        .pipe(ts(tsProject), undefined, ts.reporter.fullReporter());
    return tsResult.js.pipe(gulp.dest('./wwwroot/appScripts'));
});

gulp.task('watch', ['watch.ts']);

gulp.task('watch.ts', ['ts'], function () {
    return gulp.watch('scripts/**/*.ts', ['ts']);
});

gulp.task('default', ['scriptsNStyles', 'watch']);

私の main.ts ファイル

    /// <reference path="../wwwroot/libs/@types/hammerjs/index.d.ts" />

import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule } from "./app.module";

platformBrowserDynamic().bootstrapModule(AppModule);

これを理解しようとして、髪の毛の半分を失いました。私はどこかでばかげた間違いをしているに違いないと確信しています。

4

2 に答える 2

1

さて、私は問題を解決しましたが、私が採用したアプローチがうまくいった理由を説明してくれる人が必要です。私は、Angular マテリアル 2.0.0-alpha.10 と Hammerjs@2.0.8 および "@types/hammerjs@2.0.33" を一緒にプレイするために見つけることができるすべての提案に従いましたが、役に立ちませんでした。main.ts でこの "import 'hammerjs'" を実行しましたが、機能しませんでした。そこで、エラー リストのエラーの 1 つをダブルクリックして、エラーを含むファイルに移動しました。

    import { MdGestureConfig } from '../core';
import 'hammerjs';
/**
 * An extension of MdGestureConfig that exposes the underlying HammerManager instances.
 * Tests can use these instances to emit fake gesture events.
 */
export declare class TestGestureConfig extends MdGestureConfig {
    /**
     * A map of Hammer instances to element.
     * Used to emit events over instances for an element.
     */
    hammerInstances: Map<HTMLElement, HammerManager[]>;
    /**
     * Create a mapping of Hammer instances to element so that events can be emitted during testing.
     */
    buildHammer(element: HTMLElement): HammerManager;
    /**
     * The Angular event plugin for Hammer creates a new HammerManager instance for each listener,
     * so we need to apply our event on all instances to hit the correct listener.
     */
    emitEventForElement(eventType: string, element: HTMLElement, eventData?: {}): void;
}

そこに次のインポート行を配置しました

import 'hammerjs'

そして、ほら、すべてのエラーが消えました。結局のところ、これがどのように修正されているのか、修正されていないのかについて、賢明な人が何らかの説明を提供してくれることを願っています.

ただし、この最後の課題に対処する必要があります

Severity    Code    Description Project File    Line    Suppression State
Error   TS2309  Build:An export assignment cannot be used in a module with other exported elements. ReportBook.Web  C:\Users\Julius\Documents\Projects\School\Development\ReportBook\ReportBook.Web\node_modules\@types\node\index.d.ts 3625
于 2016-11-20T16:04:54.647 に答える