在输入模块中找不到错误：错误：无法在“xxxx”中解析“xxxx”解析“xxxx”

Question

我看到了类似的问题，但找不到解决办法，也许是因为我的webpack.config.js不同。重要的是要注意，我只得到这个问题在MacOS上执行"webpack--disport-erm-详情"的文件夹的根webpack.config.js.

完整的源代码在这里

网页包。配置。js

/// <binding BeforeBuild='Run - Development' />
var webpack = require('webpack');
var path = require('path');

var buildDir = path.resolve(__dirname, './wwwroot/scripts');
var scriptsDir = path.resolve(__dirname, './wwwroot/libs/tsxbuild');

var config = {
    entry: {
        index: scriptsDir + '/home' + '/index',
        "sales/salesorder": scriptsDir + '/sales/salesorder',
        "quotations/salesquotation": scriptsDir + '/quotations/salesquotation',
        "sales/salesinvoice": scriptsDir + '/sales/salesinvoice',
        "purchasing/purchaseorder": scriptsDir + '/purchasing/purchaseorder',
        "purchasing/purchaseinvoice": scriptsDir + '/purchasing/purchaseinvoice',
        "financials/journalentry": scriptsDir + '/financials/journalentry',
        vendor: ['react', 'react-dom']
    },
    output: {
        path: buildDir,
        filename: '[name].chunk.js'
    },
    optimization: {
        splitChunks: {
            cacheGroups: {
                commons: {
                    test: /[\\/]node_modules[\\/]/,
                    name: 'vendor',
                    chunks: 'all'
                }
            }
        }
    },
    resolve: {
        extensions: ['.js', '.jsx', '.tsx']
    },
    devtool: 'source-map',
    plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
            Popper: ['popper.js', 'default']
        })
    ],
    externals: {
        'Config': JSON.stringify(process.env.ENV === 'production' ?
            {
                apiUrl: "https://accountgoapi.azurewebsites.net/"
                //apiUrl: "http://localhost:5000/"
            } :
            {
                apiUrl: "https://accountgoapi.azurewebsites.net/"
                //apiUrl: "http://localhost:5000/"
            })
    }
};

module.exports = config;

包裹json

{
  "version": "0.0.1",
  "name": "accountgoweb",
  "private": true,
  "devDependencies": {
    "gulp": "^3.9.1",
    "mobx-react-devtools": "4.2.15",
    "ts-loader": "3.5.0",
    "tsd": "0.6.5",
    "typescript": "2.7.1",
    "webpack": "^4.19.0",
    "webpack-cli": "^3.1.0"
  },
  "dependencies": {
    "axios": "0.17.1",
    "bootstrap": "4.0.0",
    "popper.js": "1.12.9",
    "jquery": "3.3.1",
    "mobx": "3.5.1",
    "mobx-react": "4.4.1",
    "react": "16.2.0",
    "react-dom": "16.2.0",
    "d3": "4.13.0",
    "react-router": "4.2.0",
    "ag-grid": "16.0.1",
    "ag-grid-react": "16.0.0",
    "react-dom-factories": "1.0.2",
    "knockout-mapping": "2.6.0",
    "knockout": "3.5.0-beta",
    "accounting": "0.4.1",
    "jspdf": "1.3.5",
    "html2canvas": "1.0.0-alpha.9"
  }
}

完全错误

未找到输入模块中的错误：错误：无法在“/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/sales/salesvoice”中解析“/Users/Marvs/source/AccountGoWeb”resolve'/Users/Marvs/source/accountgo/src/AccountGoWeb/wwroot/libs/tsxbuild/sales/salesfoice”，在“/Users/Marvs/source/accountgo/src/AccountGoWeb”中使用描述文件：/Users/Marvs/source/accountgo/src/AccountGoWeb/package。json（相对路径：）字段“browser”不包含使用描述文件：/Users/Marvs/source/accountgo/src/AccountGoWeb/package的有效别名配置。json（相对路径：./wwwroot/libs/tsxbuild/sales/salesvoice）没有扩展字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice不存在。js字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice。js不存在。jsx字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice。jsx不存在。tsx字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice。tsx不存在，因为目录/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice不存在

未找到输入模块中的错误：错误：无法使用在“/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder”中的“/Users/Marvs/source/AccountGoWeb”resolve“/Users/Marvs/source/AccountGoWeb/wwroot/libs/tsxbuild/sales/salesforder”解析“/Users/Marvs/source/accountgo/src/AccountGoWeb”描述文件：/Users/Marvs/source/accountgo/src/AccountGoWeb/package。json（相对路径：）字段“browser”不包含使用描述文件：/Users/Marvs/source/accountgo/src/AccountGoWeb/package的有效别名配置。json（相对路径：./wwwroot/libs/tsxbuild/sales/salesforder）没有扩展字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder不存在。js字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder。js不存在。jsx字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder。jsx不存在。tsx字段“browser”不包含有效的别名配置/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder。tsx不存在，因为目录/Users/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesforder不存在

Answer 1

我找到了解决办法。必须首先将tsx文件转换为js并移动到tsxbuild文件夹。我认为网页包（我没有网页包的经验）将为我做这个转换。但是文件的移动由tsconfig处理。json。需要先安装typescript，然后在tsconfig所在的文件夹上运行“tsc”。json位于。现在webpack命令可以工作了。