代码之家  ›  专栏  ›  技术社区  ›  Karan

角度5:加载外部CSS文件-不允许加载本地资源

  •  -2
  • Karan  · 技术社区  · 7 年前

    我在我的项目中使用了角5.2,并且是角框架的新成员。我的组件ts文件如下所示:

    loadCSSLink(cssPath: string): void {
        const linkElm = document.createElement('link');
        linkElm.rel = 'stylesheet';
        linkElm.href = cssPath;
    
        document.getElementsByTagName('head')[0].appendChild(linkElm);
    }
    
    ngOnInit() {
        this.loadCSSLink('c://Sample//sample-style.css');
        console.log('Link control added');
    }
    

    我在控制台上看到一个错误,说 “不允许加载本地资源:file:///c://sample//sample style.css”。

    请建议更改代码。最后,当它与本地CSS文件一起工作时,我将不得不从 外部Web资源。

    2 回复  |  直到 7 年前
        1
  •  1
  •   Wisely D Cruizer    7 年前

    使用此Web服务器应用程序。

    https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en

    我们使用此Web服务器应用程序在本地测试我们的应用程序。用于加载本地CSS、图像等。 它方便用户使用和安装。 安装后,启动应用程序,导航到外部CSS文件夹。 你会得到

      http://localhost:8089/externalfolder/style.css
    

    复制并粘贴到

     this.loadCSSLink("http://localhost:8089/externalfolder/style.css");
    
        2
  •  0
  •   Nimish goel    7 年前

    似乎是因为Chrome出于安全原因专门以这种方式阻止本地文件访问。

    检查这个 http://www.chrome-allow-file-access-from-file.com/

    这应该能帮你解决问题。

    推荐文章