Question

我首先尝试从npm安装离子并且需要

require('ionic')

它不起作用，npm离子版本捆绑在browserify未知路径中。

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

的package.json

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

libs是我的凉亭文件夹。

看起来像browserify发现了离子。但我有以下离子误差：

Uncaught TypeError: Cannot read property 'navigator' of undefined

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

你知道我错过了正确的离子吗？

的index.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');

Answer 1

错误是由于窗口对象为空。这是因为babel在某些方面添加了一个＆＃34;使用严格的＆＃34;。

＆＃34;这＆＃34;等于未定义。

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

如何在browserify中使用离子？

1 个答案: