Question

我正在使用Webpack构建我的react-redux应用程序并遇到一种情况：我尝试从一个应用程序目录中取出一些常用组件，以便在多个反应应用程序中重用它们，但是当我尝试在app目录外加载一个组件时，我遇到了错误：

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'

这是解决此问题的任何解决方案吗？

Answer 1

你做的一切都是正确的。只是这个文件D:/dev/gdas/WebContent/reactx/common/components/HeaderFooter/Header.js在74:31有一个SyntaxError

Webpack加载模块在根目录之外

1 个答案: