2016-09-22 106 views
1

我正在使用jsx-control-statements節點模塊用於webpack的React。 通常這很好,但是當我將我的項目複製到另一個文件夾並使用與之前相同的package.json運行npm install時,jsx-control-statements看起來似乎不被webpack識別。jsx-control-statements - ReferenceError:選擇沒有定義

jsx-control-statements旨在解析render()中的標記,並將其轉化爲代碼反應識別。它在這種情況下沒有這樣做。

我看到在「選擇」檢查器中運行的最終代碼從未被轉換爲有效的代碼。

_react2.default.createElement(Choose, null, 

我得到的錯誤是:

Uncaught ReferenceError: Choose is not defined 

webpack.config.js和的package.json和應用我的源代碼保持不變。從一個工作的應用程序和這個新的另一個文件夾中。

我曾嘗試:

  • 安裝JSX控制語句手動本地和全球。
  • 將良好項目中的整個node_modules文件夾複製並粘貼到此新項目中。
  • 運行eslint與eslint-JSX控制語句插件,沒有錯誤

不過問題依然存在。我相信他們是項目建設中的一個問題,但我不知道接下來要做什麼。

+0

什麼是你看到的錯誤在開發者控制檯中? –

+0

還將其添加到我的文章 - 未捕獲的ReferenceError:選擇未定義 – appthat

+0

你能上傳你的'webpack' config和'.babelrc'文件的代碼嗎? –

回答

0

這個問題很簡單,因爲我覺得它會。我失蹤,其中包括一個插件參考JSX控制語句

{ 
    // my babel config here 
    "plugins": ["jsx-control-statements"] 
} 

只是需要把這個文件在我的旁邊根webapck.config.js一個小.babelrc文件