运行React/Redux/Karma/Jasmine/Webpack

运行Karma/Webpack时出现基本加载错误。运行React/Redux/Karma/Jasmine/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一侧的东西而非角度引导/启动感兴趣

来源

2017-04-24 Rory

将您的babelrc更改为包含babel-preset-react，它应该可以正常工作。您现在可以看到它发生了错误。因为它不知道如何传输jsx语法。

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

顺便说一句，你不需要指定的WebPack查询选项装载机节巴贝尔，因为你已经有babelrc在您的项目。

您的装载机可以像这样： -

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

来源

2017-04-25 09:37:06

谢谢，在我的配置单行错误，我已经调升你的答案:-) – Rory

运行React/Redux/Karma/Jasmine/Webpack

回答

相关问题