代码之家  ›  专栏  ›  技术社区  ›  marvs

未找到输入模块中的错误:错误:无法在xxxx中解析xxxx解析xxxx

  •  0
  • marvs  · 技术社区  · 6 年前

    我看到类似的问题,但找不到解决方案,可能是因为我的webpack.config.js不同。 需要注意的是,只有在对webpack.config.js所在文件夹的根目录执行“webpack--display error details”时,我才会在MacOS上遇到这个问题。

    Full source code here

    /// <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发票' 在“/Users/Marvs/source/accountgo/src/AccountGoWeb”解析中 在“/Users/Marvs/source/accountgo/src/AccountGoWeb”中使用 描述文件: /Users/Marvs/source/accountgo/src/AccountGoWeb/package.json(相对 路径:。) 使用描述文件/Users/Marvs/source/accountgo/src/AccountGoWeb/package.json(相对 路径:./wwwroot/libs/tsxbuild/sales/salesinvoice) 无扩展名 字段“browser”不包含有效的别名配置 不存在 字段“browser”不包含有效的别名配置 /用户/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice.js 不存在 .jsx公司 字段“browser”不包含有效的别名配置 不存在 字段“browser”不包含有效的别名配置 /用户/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salesvoice.tsx 作为目录 不存在

    未找到条目模块中的错误:错误:无法解析 在“/Users/Marvs/source/accountgo/src/AccountGoWeb”解析中 在“/Users/Marvs/source/accountgo/src/AccountGoWeb”中使用 描述文件: 路径:。) 字段“browser”不包含有效的别名配置 路径:./wwwroot/libs/tsxbuild/sales/salesorder) 字段“browser”不包含有效的别名配置 /用户/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salessorder .js公司 字段“browser”不包含有效的别名配置 不存在 .jsx公司 /用户/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salessorder.jsx 不存在 .tsx命令 字段“browser”不包含有效的别名配置 不存在 /用户/Marvs/source/accountgo/src/AccountGoWeb/wwwroot/libs/tsxbuild/sales/salessorder 不存在

    1 回复  |  直到 6 年前
        1
  •  1
  •   marvs    6 年前

    我找到了解决办法。必须先将tsx文件转换为js并移动到tsxbuild文件夹。我以为webpack(我没有webpack方面的经验)会为我做这个转换。但是文件的移动由tsconfig.json处理。需要先安装typescript,然后在tsconfig.json所在的文件夹上运行“tsc”。现在webpack命令可以工作了。