【问题标题】:Why am I getting 404s when trying to load Angular2 files with Express为什么在尝试使用 Express 加载 Angular2 文件时出现 404
【发布时间】:2016-04-06 06:11:56
【问题描述】:

所以我习惯使用 express,所以我试图将找到的指令移植到 here 到 express 模板。

我使用的是最新的 express 生成器,然后我在 package.json 中添加了以下内容。

"dependencies": {
  "angular2": "2.0.0-beta.0",
  "systemjs": "0.19.6",
  "es6-promise": "^3.0.2",
  "es6-shim": "^0.33.3",
  "reflect-metadata": "0.1.2",
  "rxjs": "5.0.0-beta.0",
  "zone.js": "0.5.10",
  "body-parser": "~1.13.2",
  "cookie-parser": "~1.3.5",
  "debug": "~2.2.0",
  "express": "~4.13.1",
  "jade": "~1.11.0",
  "morgan": "~1.6.1",
  "serve-favicon": "~2.3.0",
  "stylus": "0.42.3"
}

然后在我的 layout.jade 文件中添加以下内容

....
script(src="/ng2/angular2-polyfills.js")
script(src="/systemjs/system.src.js")
script(src="/rxjs/Rx.js")
script(src="/ng2/angular2.dev.js")

在我的app.js 中,我添加了以下内容......

app.use('/rxjs', express.static(path.join(__dirname + 'node_modules/rxjs/bundles')));
app.use('/systemjs', express.static(__dirname + 'node_modules/systemjs/dist'));
app.use('/ng2', express.static(__dirname + '/node_modules/angular2/bundles/'));

但是我仍然在 js 文件上得到 404s 有人可以看到我缺少什么吗?

另一个可接受的答案是如何将文件从 node_modules 目录复制到公共目录。

【问题讨论】:

标签: express npm angular


【解决方案1】:

不确定到底是什么修复了它,我认为它正在缓存一些奇怪的东西。这是我的最终代码......

app.use('/angular2', express.static(path.join(__dirname, 'node_modules/angular2/bundles/')));
app.use('/rxjs', express.static(path.join(__dirname, 'node_modules/rxjs/bundles/')));
app.use('/systemjs', express.static(path.join(__dirname, 'node_modules/systemjs/dist/')));
...
script(src="/angular2/angular2-polyfills.js")
script(src="/systemjs/system.src.js")
script(src="/rxjs/Rx.js")
script(src="/angular2/angular2.dev.js")

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多