2

我首先尝试从 npm 安装 ionic 并使用

require('ionic') 

它不起作用,捆绑在 browserify 未知路径中的 npm ionic 版本。

然后我从凉亭安装它,并添加了一些浏览器垫片:

包.json

      "browserify-shim": {
        "ionic": "ionic"
      },
      "browserify": {
       "transform": [
         "browserify-shim"
       ]
     },
      "browser": {
        "ionic": "./libs/ionic/release/js/ionic.js"
...

libs 是我的凉亭文件夹。

看起来 ionic 是由 browserify 找到的。但我有以下离子错误:

Uncaught TypeError: Cannot read property 'navigator' of undefined

ionic.js 抱怨窗口对象为空。

你知道我需要正确的 ionic 吗?

索引.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- <link rel="stylesheet" href="styles/ionbio.css" media="screen" title="no title" charset="utf-8"> -->
        <title>BIO by Ionic</title>
    </head>
    <body ng-controller="baseCtrl">
         <ion-side-menus>
             <h1 class="title">{{ionbio.title}}</h1>
         </ion-side-menus>

        <script src="js/main.js"></script>
    </body>
</html>

js/main.js

'use strict';
require('ionic');
4

1 回答 1

1

该错误是由于窗口对象为空。这是因为 babel 在某些时候添加了“使用严格”。

“this”然后等于未定义。

所以我禁用了 babel 转换作为一种解决方法。

于 2015-10-04T17:16:11.643 回答