Javascript 相对路径不工作要求js_Javascript_Angularjs_Typescript_Requirejs_Relative Path

Javascript 相对路径不工作要求js

javascript angularjs typescript requirejs

Javascript 相对路径不工作要求js,javascript,angularjs,typescript,requirejs,relative-path,Javascript,Angularjs,Typescript,Requirejs,Relative Path,我正在尝试使用RequireJS在我的ExpenseUpload.js文件中包含CCSEQ.WebAPI.js。根据RequireJS的基本URL，它是html文件中指定的datamain文件夹（WebResources/js/main）。但是，尽管尝试了各种不同的相对路径组合，我还是无法包含CCSEQ.WebAPI.js文件我尝试用/../启动我的相对路径，在配置中指定baseURL，并将我的CCSEQ.WebAPI.js文件移动到文件夹结构中的不同位置，但没有成功有人看到我在这里犯的错误

我正在尝试使用RequireJS在我的

ExpenseUpload.js

文件中包含

CCSEQ.WebAPI.js

。根据RequireJS的基本URL，它是html文件中指定的

datamain

文件夹（

WebResources/js/main

）。但是，尽管尝试了各种不同的相对路径组合，我还是无法包含

CCSEQ.WebAPI.js

文件

我尝试用

/../

启动我的相对路径，在配置中指定

baseURL

，并将我的

CCSEQ.WebAPI.js

文件移动到文件夹结构中的不同位置，但没有成功

有人看到我在这里犯的错误吗

错误

项目结构 ExpenseUpload.html 据报道,

baseUrl通常设置为与数据主属性中使用的脚本相同的目录

因此，您的

baseUrl

是

main

文件夹，而

lib

处于同一级别

因此，它说，在bundle中使用

lib/CCSEQ.WebAPI.js

baseUrl通常设置为与数据主属性中使用的脚本相同的目录

因此，您的

baseUrl

是

main

文件夹，而

lib

处于同一级别

因此，在bundle中使用

lib/CCSEQ.WebAPI.js

，我在项目结构中没有看到

js

文件夹。这是遗漏吗？@sandepnayak是的……我已经更新了项目结构。我在项目结构中没有看到

js

文件夹。这是遗漏吗？@sandepnayak是的……我已经更新了项目结构

- WebResources
  - js
    - html
      - ExpenseUpload.html
    - lib
      - CCSEQ.WebAPI.js
    - main
      - ExpenseUpload.js

<!DOCTYPE html>

<html lang="en" ng-app="expenseUploadApp">
<head>
    <meta charset="utf-8" />
    <title>Expense Upload</title>
    <link rel="icon" href="data:;base64,iVBORwOKGO=" />
    <link href="../css/ExpenseUpload.css" rel="stylesheet" />

</head>
<body ng-controller="DisplayCtrl">
    <h1>Expense Upload</h1>

    <form>

        <label>Month:</label>
        <select ng-model="selectedMonth" ng-options="x for x in months">

        </select> 
        <label>Year:</label>
        <select ng-model="selectedYear" ng-options="y for y in years">
        </select><br/>
        <input type="file" id="csv-file" name="files" />
    </form>

    <script src="../../Scripts/jquery-3.1.1.js"></script>
    <script src="../../Scripts/papaparse.js"></script>
    <script src="../../Scripts/angular.js"></script>
    <script src="../js/modules/ExpenseUploadModule.js"></script>
    <script src="../js/controllers/ExpenseUploadController.js"></script>
    <script src="../../Scripts/require.js" data-main="../js/main/ExpenseUpload.js"></script>
    <!--<img id="loading" src="../../Images/loading.gif" />-->
</body>
</html>

requirejs.config({
    bundles: {
        '../lib/CCSEQ.WebAPI.js': ['Model/ExpenseTransaction', 'Model/ExpenseTransactionSet', 'API/ExpenseTransaction', 'API/ExpenseTransactionSet']
    }
});

require(["Model/ExpenseTransaction", "Model/ExpenseTransactionSet", "API/ExpenseTransaction", "API/ExpenseTransactionSet"], function (ExpenseTransactionModel, ExpenseTransactionSetModel, ExpenseTransactionAPI, ExpenseTransactionSetAPI) {
    // Code Here
});