Angular 如何在本地html中运行？

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule);

上面是 main.ts 里的代码

<!DOCTYPE html>
<html>
  <head>
    <title>Angular QuickStart</title>
    <base href="/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="file:///C:/Users/F1d/Documents/PartTime/test/quickstart/src/styles.css">
    <!-- Polyfill(s) for older browsers -->
    <script src="file:///C:/Users/F1d/Documents/PartTime/test/quickstart/node_modules/core-js/client/shim.min.js"></script>
    <script src="file:///C:/Users/F1d/Documents/PartTime/test/quickstart/node_modules/zone.js/dist/zone.js"></script>
    <script src="file:///C:/Users/F1d/Documents/PartTime/test/quickstart/node_modules/systemjs/dist/system.src.js"></script>
    <script src="file:///C:/Users/F1d/Documents/PartTime/test/quickstart/src/systemjs.config.js"></script>
    <script>
      System.import('file:///C:/Users/F1d/Documents/PartTime/test/quickstart/src/main.js').catch(function(err){ console.error(err); });
    </script>
  </head>
  <body>
    <my-app>Loading AppComponent content here ...</my-app>
  </body>
</html>

上面是 index.html ，也尝试过相对路径。

XMLHttpRequest cannot load file:///C:/Users/F1d/Documents/PartTime/test/quickstart/src/main.js. Cross origin 
requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

我直接在本地运行，index.html，Google浏览器的Console窗口里就直接报上面的这些错误了。

我的问题是，如何可以做到让 Angular 不需要依靠Web服务，就可以在本地加载运行？

因为我有一些项目是需要在Electron、Android的Webview、IOS的NKWevbiew 中使用到 Angular的

而它们都是加载本地文件的。

我想一定会有办法的，我是个初学者，请各位大神帮我解答！！！

F1D

浏览 2073回答 1

1回答

sunyaox

放到nginx里试试

0 0

随时随地看视频慕课网APP