運行React/Redux/Karma/Jasmine/Webpack

Question

運行Karma/Webpack時出現基本加載錯誤。

我的主要應用程序/網站使用Webpack捆綁導出的React模塊，這個工作非常好。

當我跑我NPM測試揭開序幕的WebPack和噶我得到這個錯誤

ERROR in ./app/react/components/bots/botShowContainer.js 
    Module build failed: SyntaxError: D:/development/poc9-unittests/app/react/components/bots/botShowContainer.js: Unexpected token (11:8) 


    9 | const BotShowUI = ({ bot, onClick }) => { 
    10 |  return(
> 11 |   <div id={bot.id} onClick={onClick}> 
    |  ^
    12 |    {bot.id} : {bot.text} 
    13 |   </div> 
    14 | ) 

我在它創建一個GitHub庫與這個小項目 https://github.com/bikerboyroy/poc.git

NPM安裝

npm start，運行localhost：8080

npm test，to運行因緣測試

正如你將看到的業力試驗失敗

測試失敗的導入/導出，但都在抱怨反應語法。我很困惑 ！

注意： Web應用程序以角1.4啓動，然後橋接到React。 我只對測試React一側的東西而非角度引導/啓動感興趣

Answer 1

將您的babelrc更改爲包含babel-preset-react，它應該可以正常工作。您現在可以看到它發生了錯誤。因爲它不知道如何傳輸jsx語法。

{ 
    "presets": ["es2015", "react"] 
} 

順便說一句，你不需要指定的WebPack查詢選項裝載機節巴貝爾，因爲你已經有babelrc在您的項目。

您的裝載機可以像這樣： -

{ 
    test: /\.js$/, 
    loader: "babel", 
    exclude: [/node_modules/, "app/**/*.spec.js"] 
    },