Question

我想重用一些我们使用three.js构建的函数，并且我们在第二个基于PHP的项目上成功使用。

现在我想将相同的东西导入到使用webpack的Angular 2项目中。

目前我正在努力解决一个问题。在JS文件中，我们有一段代码：

loader.load( base_url + 'tmp/' + 'model.js', function( object ){
            console.log("File loaded successfully");
    }

是从我们的第二个网站复制的。该代码需要从基本URL加载文件，tmp文件夹和文件称为model.js

我将该文件放在我创建tmp /文件夹的root的angular 2项目中，并将model.js添加到该文件夹中。

但是，console.log("File loaded successfully");从未执行过。

我尝试使用Chrome控制台来调试错误。

当我在loader.load上放置断点并输入控制台的完整路径

时

loader.load("http://localhost:4200/tmp/model.js", function(object) { 
console.log("test");
});

我收到消息 “未定义”。

当然，我无法通过网址浏览器输入网址

来获取我的文件

http://localhost:4200/tmp/model.js

因为所有内容都已预先打包并移入main.bundle.js文件中。

有没有解决方法？任何建议和建议都会有所帮助。

Answer 1

I put tmp/ folder at the root, instead in src/ folder where is my application.

Where are main.ts that bootstrap whole app and all other files / folders.

I moved simply from root to src/ folder and it started to work.