我正在使用 Webpack 构建我的 react-redux 应用程序并遇到一种情况:我试图从一个应用程序目录中取出一些常用组件,以便在多个反应应用程序期间重用它们,但是当我尝试在应用程序目录之外加载一个组件时我收到错误:
Module build failed: SyntaxError: D:/dev/gdas/WebContent/reactx/common/components/HeaderFooter/Header.js: Unexpected token (74:31)
我在 webpack.config.js 中的 babel-loader 规则如下:
{
test: /\.jsx?$/,
include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, '../reactx/common/components')],
loader: 'babel-loader'
}
我的导入代码如下:
import Header from '../../../reactx/common/components/HeaderFooter/Header.js'
这是解决此问题的任何解决方案吗?