未定義打字稿參考錯誤，webpack angular2

Question

這不是一般性的未定義錯誤，在過去的兩個小時中，我一直在嘗試對其進行調試。
我在webpack插件（用於全局變量）中為API端點定義一個值，並嘗試在應用程序中訪問它給出了一個奇怪的錯誤。 這是webpack.dev.js的插件結構（合並到webpack.config.js中）。

new DefinePlugin({
    'ENV': JSON.stringify(METADATA.ENV),
    'HMR': METADATA.HMR,
    // ... some other lines
    'API_PARENT': "DEV_PARENT_TEST" // this is the line in question
})

在custom-typings.d.ts我聲明了它以避免ts erros

declare var API_PARENT: string;

現在當我嘗試使用console.log(API_PARENT)時，在我的一個應用程序組件中，我得到了下面的神秘錯誤

EXCEPTION: Uncaught (in promise): ReferenceError: DEV_PARENT_TEST is not defined
ReferenceError: DEV_PARENT_TEST is not defined

堆棧跟蹤通向該日志行。 我沒有得到的部分是為什么它首先被拋出。 DEV_PARENT_TEST是一個值，甚至不是鍵，為什么會出現引用錯誤！

Answer 1

我正在回答這個問題，以防萬一其他人遇到此錯誤。 我浪費了3個小時的時間，直到我解決了。 線索在第一行JSON.stringify 。

您必須對所有字符串值執行此操作。 所以唯一的變化是在webpack.dev.js中

'API_PARENT': JSON.stringify("DEV_PARENT_TEST")

那解決了所有問題。 這很可能是一個webpack問題。