2015-10-26 87 views
3

源代碼似乎在Chrome和Firefox中都停止工作。瀏覽器顯示源文件名。當我點擊該文件時,我收到此消息,無法獲取/.tmp/includes/jsbin/marketing.js。 marketing.js是源文件的名稱。我爲每個源文件收到相同的消息。Chrome和Firefox源代碼不起作用

我使用Grunt作爲我的任務跑步者。這是工作流程。

  1. 巴別爾將我的javascript轉換爲.tmp文件夾。
  2. Uglify連接並縮小.tmp文件夾中的JavaScript文件並將它們輸出到dist文件夾。
  3. Uglify創建一個源映射文件。

當我查看sourcemap文件時,它具有到.tmp文件夾中源文件的正確路徑。

{"version":3,"sources":["../../../.tmp/includes/jsbin/check_compat.js","../../../.tmp/includes/jsbin/marketing.js"], 

這是一個新的工作流程。在其他項目中,當我沒有使用babel的時候,事情很好。我在Chrome和Firefox的最新版本中遇到了此問題,即使是這些瀏覽器的Canary版本也是如此。

巴貝爾任務不會連續。

更新2015年10月27日

出於某種原因的.tmp文件夾沒有得到服務。所以瀏覽器發現源文件存在源文件,但源文件是空的,因爲服務器不提供它。

這裏是我的咕嚕任務:

config: { 
    app: 'app', 
    dev: 'dev', 
    dist: 'dist', 
    tmp: '.tmp' 
}, 
dist: { 
    options: { 
     base: ['<%= config.tmp %>', '<%= config.dist %>'], 
     open: { 
      target: 'http://localhost:<%= connect.options.port %>?envMode=apiary&testing=true' 
     } 
    } 
} 

你可以看到在開發工具中的文件。

enter image description here

如果我右邊的文件,單擊並選擇「在新標籤頁中打開鏈接」我得到錯誤信息Cannot GET /.tmp/includes/jsbin/check_compat.js

回答

0

你有你的JS文件的底部正確的參考?

應該是這樣的:

//# sourceMappingURL=main.js.map 
相關問題