Javascript 网页包未检测到新模块

因此，我有一个正在开发的React应用程序，我正在使用Visual Studio构建该应用程序（后端为ASP.NET Web API 2.0）。我不得不对这个应用程序做一些相当大的改动，所以我为它创建了一个单独的分支。我在新的分支中将一些JSX文件添加到项目中，当我尝试在这样的文件中要求它们时：

const Reports = require("./Reports/Reports.jsx");

我收到一个错误：“未捕获错误：在web浏览器中找不到模块。/Reports/Reports.jsx”

看起来webpack没有检测到分支上任何新添加的文件，这可能是什么原因

这是我的网页配置：

function getWebpackConfig(moreProps) {
var config = {
    debug: true,
    devtool: 'source-map',
    entry: {
        main: './src/start.jsx'
    },
    output: {
        path: path.join(__dirname, './dist'),
        filename: 'app.bundle.js'
    },
    module: {
        loaders: [{
            test: /\.jsx$|\.js$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
                presets: ['es2015', 'react']
            }
        },
        {
            test: /\.less$/,
            loader: "style-loader!css-loader!less-loader"
        }]
    },
    resolve: {
        alias: {
            "~": path.resolve("./src")
        },
        extensions: ['', '.js', '.jsx']
    }
};

config = Object.assign({}, config, moreProps);

return config;
}

以下是my package.json，其中包含安装在我的项目目录中的node_模块：

    {
    "name": "internal auditing site",
    "version": "1.0.0",
    "description": "Web Client for internal auditing site",
    "repository": "~company name excluded for StackOverflow~",
    "main": "index.js",
    "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
    "babel-polyfill": "^6.16.0",
    "lodash": "^4.11.1",
    "moment": "^2.12.0",
    "node-uuid": "^1.4.7",
    "path": "^0.12.7",
    "react": "^15.0.1",
    "react-dom": "^15.0.1",
    "react-redux": "^4.4.4",
    "redux": "^3.4.0",
    "redux-thunk": "^2.0.1",
    "webpack": "^1.13.3",
    "whatwg-fetch": "^0.11.0"
    },
    "devDependencies": {
    "babel": "^6.5.2",
    "babel-core": "^6.7.6",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "babel-runtime": "^6.6.1",
    "css-loader": "^0.23.1",
    "del": "^2.2.0",
    "extract-text-webpack-plugin": "^1.0.1",
    "gulp": "^3.9.1",
    "gulp-replace": "^0.5.4",
    "gulp-util": "^3.0.7",
    "history": "^2.0.1",
    "less": "^2.7.1",
    "less-loader": "^2.2.3",
    "object-assign": "^4.0.1",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.3"
     }
    }

---

我也不完全确定这是否是WebPACK或Team Foundation Server的一个问题。 除了使用

moreProps

添加的内容外，我看不到您的网页配置有任何错误。您是否正确导出Reports.jsx？您是否尝试过重新启动webpack？@BradBumbalough I export Reports.jsx，创建报告对象后使用

module.exports=Reports

。奇怪的是，我所有的其他模块都工作得很好，只是我新添加的模块给我带来了问题。例如，我有一个Root.jsx文件，它在Reports.jsx之前导入一行，并且解析得很好。很奇怪。我实际上是通过一个gulp任务来构建网页包文件的，我将在下面发布整个gulp文件。@wrleskovec我开始认为这是TFS的问题，moreProps目前没有做任何事情，它只是一个空对象。是的，很难说。。。我会确保您在普通的文件资源管理器中看到该文件，确保服务器在正确的文件夹中运行（而不是您克隆的其他复制位置），从您调用它的位置看，相对路径是正确的。除了使用

moreProps

添加的内容外，我看不到您的网页配置有任何错误。您是否正确导出Reports.jsx？您是否尝试过重新启动webpack？@BradBumbalough I export Reports.jsx，创建报告对象后使用

module.exports=Reports

。奇怪的是，我所有的其他模块都工作得很好，只是我新添加的模块给我带来了问题。例如，我有一个Root.jsx文件，它在Reports.jsx之前导入一行，并且解析得很好。很奇怪。我实际上是通过一个gulp任务来构建网页包文件的，我将在下面发布整个gulp文件。@wrleskovec我开始认为这是TFS的问题，moreProps目前没有做任何事情，它只是一个空对象。是的，很难说。。。我会确保您在普通的文件资源管理器中看到该文件，确保服务器从正确的文件夹（而不是您可能克隆的其他复制位置）运行，并且从调用它的位置开始，相对路径是正确的。