小编Air*_*oir的帖子

我是F2E世界的新手.我刚刚使用create-react-app创建了一个Web应用程序.(https://github.com/facebookincubator/create-react-app)

我想将owl.carousel导入到我的项目中,因此我遵循了NPM(https://www.npmjs.com/package/owl.carousel)的指南,其语法是:

import $ from 'jquery';
import 'imports?jQuery=jquery!owl.carousel';

但调试器控制台指出错误:

Unexpected '!' in 'imports?jQuery=jquery!owl.carousel'. Do not use      import syntax to configure webpack loaders import/no-webpack-loader-syntax

我尝试了另一种语法:

import owlCarousel from 'owl.carousel' 

而错误将是:

Uncaught TypeError: Cannot read property 'fn' of undefined

有人可以帮我弄清楚发生了什么吗？谢谢.

更新:我的webpack加载器设置:

loaders: [
  // Process JS with Babel.
  {
    test: /\.(js|jsx)$/,
    include: paths.appSrc,
    loader: 'babel-loader',
    query: {
      cacheDirectory: findCacheDir({
        name: 'react-scripts'
      })
    }
  },
  {
    test: /\.css$/,
    loader: 'style!css?importLoaders=1!postcss'
  },
  {
    test: /\.json$/,
    loader: 'json'
  },
  {
    test: …