热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

TypeScriptrequirejsissuewithloadingexternalmodules

Iamhavingissueswiththisgame.jscodethatthegame.tsfilecompilesto:我遇到game.ts文件编译的game.js代

I am having issues with this game.js code that the game.ts file compiles to:

我遇到game.ts文件编译的game.js代码问题:

var GameObjects = require("./GameObjects")

I have set up my page index.html js imports as so:

我已经设置了我的页面index.html js imports,如下所示:





and this is the error in chrome:

这是chrome中的错误:

Uncaught ReferenceError: exports is not defined GameObjects.js:82
Uncaught Error: Module name "GameObjects" has not been loaded yet for context: _. Use require([]) http://requirejs.org/docs/errors.html#notloaded

any ideas friends?

任何想法的朋友?

2 个解决方案

#1


5  

I'm not sure where the idea of hand-editing the Javascript files has come from. If you compile your TypeScript with the --module amd flag, you shouldn't need to edit the Javascript files as the import statements will be converted into require statements.

我不确定手动编辑Javascript文件的想法来自哪里。如果使用--module amd标志编译TypeScript,则不需要编辑Javascript文件,因为import语句将转换为require语句。

The only script tag you should need on your page is this:

您在页面上需要的唯一脚本标记是:


Once require.js has loaded, it will then load game.js, and whenever it comes across a require statement (which is your import statement in your TypeScript file) it will then load that script and then execute the code.

一旦require.js加载,它就会加载game.js,每当遇到require语句(这是你在TypeScript文件中的import语句)时,它就会加载该脚本然后执行代码。

You can load in jQuery and GameObjects and any other modules just by adding import statements in your TypeScript file.

只需在TypeScript文件中添加import语句,即可加载jQuery和GameObjects以及任何其他模块。

#2


3  

You have no data-main attribute in your require.js script tag. Please read the RequireJS documentation carefully.

您的require.js脚本标记中没有data-main属性。请仔细阅读RequireJS文档。

In a nuthshell: you should be loading ts/GameObjects.js from a top-level require call, which you put in the file specified in the data-main attribute. e.g. (from the docs):

在nuthshell中:您应该从顶级require调用加载ts / GameObjects.js,该调用放在data-main属性中指定的文件中。例如(来自文档):



    
        
        
        
    
    
        

My Sample Project

Then in Javascripts/main.js (you can actually call it whatever you want, as long as it matches what you put in data-main), you call require and load your modules and do whatever you want with them:

然后在Javascripts / main.js中(实际上你可以随意调用它,只要它与你在data-main中的匹配),你调用require并加载你的模块并用它们做任何你想做的事情:

require(["ts/GameObjects.js", "ts/game.js"], function(GameObjects, Game) {
  ... use 'GameObjects' and 'Game' here ...
});

Remember that in ts/GameObjects.js and ts/game.js you need to wrap your code in define() calls, so they are interpreted as modules.

请记住,在ts / GameObjects.js和ts / game.js中,您需要将代码包装在define()调用中,因此它们被解释为模块。

Hope that helps.

希望有所帮助。


推荐阅读
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 如何解决《RequireJS-我应该为BaseUrl设置什么?》经验,为你挑选了1个好方法。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文讨论了为什么在main.js中写import不会全局生效的问题,并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效,而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • Go Cobra命令行工具入门教程
    本文介绍了Go语言实现的命令行工具Cobra的基本概念、安装方法和入门实践。Cobra被广泛应用于各种项目中,如Kubernetes、Hugo和Github CLI等。通过使用Cobra,我们可以快速创建命令行工具,适用于写测试脚本和各种服务的Admin CLI。文章还通过一个简单的demo演示了Cobra的使用方法。 ... [详细]
  • Linux Shell脚步的格式
    Shell脚步等多个命令的组合,可以做成一个shell文件(1.sh)赋权执行执行命令的方式前两张新的进程中执行,对当前进程不产生影响(cdtmp;pwds ... [详细]
  • 安装requirejsnpminstall-grequirejs安装好后:找到刚刚requirejs的安装目录,在该目录下找到r.js,并拷贝待压缩合并项目 ... [详细]
  • 如何解决《为什么我需要为karma配置指定所有文件,即使它们加载了requirejs》经验,为你挑选了1个好方法。 ... [详细]
author-avatar
壹路上有祢_522
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有