2017-06-09 3 views
0

Fehlermeldung anzuzeigen:Module analysieren fehlgeschlagen: C: \ src \ imgs \ giphy.gif Unerwartetes Zeichen '' (1: 6)Fehler ausgelöst, wenn GIF versuchen, in HTML-Vorlage

Sie Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten. SyntaxError: Unerwartetes Zeichen ' ' (1: 6)

Der Versuch, ein GIF innerhalb eines MD-Tabs innerhalb eines MD-Dialogs anzuzeigen. Die Ladung von PNG ist in Ordnung. Nicht sicher, was das Problem ist.

template.html:

<md-tabs md-dynamic-height md-border-bottom md-swipe-content md-align-tabs="bottom" md-center-tabs class="feature-tabs" md-no-ink-bar> 

      <md-tab label="1"> 
       <!--<md-tab-label> 
        <md-icon md-svg-src="../../../imgs/format-icon-audio.svg"></md-icon> 
       </md-tab-label>--> 
       <md-content class="md-padding"> 
       <h1 class="md-display-2">Tab One</h1> 
       <p> More intuitive. More responsive. </p> 
       <img src="../../../imgs/giphy.gif"> 
       <!--<img src='../../../../app/images/mini-balls2.gif'>--> 
       <!--<img src="../../../imgs/[email protected]" alt="Splash Gif" style="width:400px;height:127px;">--> 
       </md-content> 
      </md-tab> 

webpack-common.config.js:

{ 
    test: /.(gif|png|woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, 
    // https://github.com/webpack/loader-utils 
    loader: 'url-loader?limit=10000&name=./assets/[name].[hash:6].[ext]' 
} 

ERROR SCREEN CAPTURE WHEN BUILT

+0

Haben Sie überprüft, dass Ihr GIF nicht beschädigt ist? Zum Beispiel durch Öffnen in einem Bildeditor. – RaphaMex

+0

@ R.Saban ja ich habe es mit einem Hex-Editor geöffnet. Verwende den Wikipedias-Dateiformatdeskriptor als Leitfaden und den Header als übereinstimmend. (hex) Wert Bedeutung 0: 47 49 46 38 39 61 GIF89a Header –

+0

Ich habe auch versucht, die Tag mehr Informationen wie "alt = ..." und Breite und Höhe Attribute, die das GIF entsprechen; immer noch kein Glück –

Antwort

1

BESCHLOSSEN: Ausgabe wurde webpack Handhabung nur Kleine Erweiterungen. Um Windows .gif ==. GIF, aber webpacks Loader ist Groß-und Kleinschreibung. Gleiches Problem mit . Png vs. PNG. Ich benutzte einen Regex, um die Erweiterung in Kleinbuchstaben zu erzwingen und alles ist gut in der Nachbarschaft.

Verwandte Themen