公共/ index.html中：

<!DOCTYPE html>
<html>
<head>
<title>babelify test</title>

<script src="main.js"></script>
<script>
main_run()
</script>
</head><body>
<p>Testing feathers with babelify</p>
</body></html>

公共/ main.js

const external_module = require('./test')

function main_run(){
external_module()
}

公共/ test.js

module.exports = function(){
console.log("Hello world for an external module")
}

在src / app.js的.uses中：

...

const babelify = require('express-babelify-middleware')

...

app.use(compress())
  .options('*', cors())
  .use(cors())
//the line that is not working:
.use('/main.js', babelify( path.join(app.get('public'), 'main.js') ))

  .use(favicon( path.join(app.get('public'), 'favicon.ico') ))
  .use('/', serveStatic( app.get('public') ))

当我访问localhost时：3030 / main.js我可以看到该文件，但函数看起来是他们自己的函数，所以我不知道如何进入该函数。

Answer 1

愚蠢的问题，人们无法访问调用它的html文件中的浏览器化代码。因此public / index.html无法访问main_run，除非它附加到window对象。还有一个类似的问题 here.
除此之外，我的代码完美无缺在main.js中，将以下代码放在底部：

window.main_run = main_run

然后在index.html中将main_run（）行替换为：

window.main_run()

这会将test.js的内容写入控制台。

使用带有FeathersJS的express-babelify-middleware

公共/ index.html中：

公共/ main.js

公共/ test.js

在src / app.js的.uses中：

1 个答案: