2017-01-25 2 views
1

Я новичок в Угловом 2. Я разработал один небольшой проект, и упаковка сгенерирована с использованием angular-cli. Он успешно создает папку dist.Угловой 2-Угловой кли - Проект проекта

Но когда я развертываю это приложение на сервере и нажимаю на страницу index.html, страница не может получить доступ к файлу js пакета.

Index.html после пакетирования ::

<head> 
    <meta charset="utf-8"> 
    <title>MyApp</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<!-- Latest compiled and minified JavaScript --> 
<script src="//rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script> 

<link href="styles.d41d8cd98f00b204e9800998ecf8427e.bundle.css" rel="stylesheet"></head> 
<body> 
    <app-root>Loading...</app-root> 
<script type="text/javascript" src="inline.d41d8cd98f00b204e980.bundle.js"></script><script type="text/javascript" src="styles.b2328beb0372c051d06d.bundle.js"></script><script type="text/javascript" src="main.83a76acd0c370402d4d0.bundle.js"></script></body> 

угловой cli.js

{ 
     "project": { 
     "version": "1.0.0-beta.21", 
     "name": "app-name" 
     }, 
     "apps": [ 
     { 
      "root": "src", 
      "outDir": "dist", 
      "assets": [ 
      "assets", 
      "favicon.ico" 
      ], 
      "index": "index.html", 
      "main": "main.ts", 
      "test": "test.ts", 
      "tsconfig": "tsconfig.json", 
      "prefix": "app", 
      "mobile": false, 
      "styles": [ 
      "styles.css" 
      ], 
      "scripts": [], 
      "environments": { 
      "source": "environments/environment.ts", 
      "dev": "environments/environment.ts", 
      "prod": "environments/environment.prod.ts" 
      } 
     } 
     ], 
     "addons": [], 
     "packages": [], 
     "e2e": { 
     "protractor": { 
      "config": "./protractor.conf.js" 
     } 
     }, 
     "test": { 
     "karma": { 
      "config": "./karma.conf.js" 
     } 
     }, 
     "defaults": { 
     "styleExt": "css", 
     "prefixInterfaces": false, 
     "inline": { 
      "style": false, 
      "template": false 
     }, 
     "spec": { 
      "class": false, 
      "component": true, 
      "directive": true, 
      "module": false, 
      "pipe": true, 
      "service": true 
     } 
     } 
    } 

структуру папок после пачке: enter image description here

Так что мой вопрос, как может Я добавляю имя папки в тег src файла index.html w hile, используя Angular-CLI, например, под тегом.

<script type="text/javascript" src="/dist/inline.d41d8cd98f00b204e980.bundle.js"> 
+0

Я не вижу никакого способа настроить путь связки. Он работает правильно для меня, и ваша структура выглядит нормально. Не могли бы вы пройти мимо своего сообщения об ошибке в своем сообщении? –

+0

, когда я ударил URL-адрес моего приложения в браузере, он дает мне 404 для пакета js.https: // localhost: port/inline.d41d8cd98f00b204e980.bundle.js --404.Потому что пакет js присутствует в папке Myapp после упаковки. Мой URL-адрес приложения https: // localhost: port/Myapp – Vaibs

+0

Вы используете ng serve? –

ответ

1

Вы пробовали добавлять

<base href="./dist/"> 

в голову вашего HTML-файла?

+0

Не работает для меня! Фактическая проблема заключается в том, что после создания проекта все файлы js и assets (images) не отображаются правильно. Если я добавлю «dist» во все мои скрипты css inline в index.html, он будет загружен и работает отлично. – Vaibs

+0

Сначала попробуйте выше sol с простым html-файлом с одним тегом скрипта и см. Сгенерированный URL-адрес и соответствующим образом измените его. – vinayakj

+0

Хорошо, все ли изображения внутри папки app/src внутри вашего углового проекта CLI? Ahh! Попробуйте изменить его на , не более того. Я попытался создать новый проект с некоторыми изображениями в папке app/src и установить базу в «/», и она отлично связывает их. Надеюсь, это поможет! – OArnarsson

 Смежные вопросы

  • Нет связанных вопросов^_^