Question

我用。创建启动模板 ionic start projname 那么ofc cd ./projname和ionic serve 我有标签模板，但没有main.css。我做错了什么，如何解决这个问题？

UPD：离子不想编译样式

ionic info：

我的package.json可能有问题吗？

{
  "name": "recepies",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.3",
    "@angular/compiler": "4.1.3",
    "@angular/compiler-cli": "4.1.3",
    "@angular/core": "4.1.3",
    "@angular/forms": "4.1.3",
    "@angular/http": "4.1.3",
    "@angular/platform-browser": "4.1.3",
    "@angular/platform-browser-dynamic": "4.1.3",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "3.12.1",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.5.3",
    "ionicons": "3.0.0",
    "rxjs": "5.4.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.0.2",
    "@ionic/cli-plugin-ionic-angular": "1.3.2",
    "typescript": "2.3.4"
  },
  "description": "An Ionic project"
}

Answer 1

这是一个错误，吃了我的一天= / 现在解决了。

＆＃34;升级回最新版本的app-scripts＆＃34;

https://github.com/ionic-team/ionic/issues/12442

Answer 2

Cordova插件将列于：
的 config.xml中即可。

以下是离子cli的documentation，这里是Github project，其中包含在package.json中配置的脚本的源代码。

您的 package.json 有一个脚本部分：

    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"

根据here，您可以使用＆＃39; npm run clean ＆＃39; npm run build ＆来调用它们＃39;或` npm run ionic：build ＆＃39;。试试那些。我希望您删除并重建 www / build 文件夹，以便它包含您在Chrome控制台中看到错误的 main.ss 。

如果您仍然遇到问题，请发布 index.html 的内容，可能缺少可以从Sass文件生成CSS的内容。你举个例子吗？

 <script src="build/polyfills.js"></script>
 <script src="build/main.js"></script>

如果所有其他方法都失败，请在 package.json 的devDependencies或其他不会发生冲突的版本中尝试"@ionic/app-scripts": "1.3.7",。
由于某种原因，它似乎被各种版本打破和关闭。

Answer 3

更新2： browserslist@2.2.2修复了这个bug。只需升级它（npm install browserlist@2.2.2）或删除node_modules文件夹并重新运行npm install。

更新：正如Alicelf所说，降级应用程序脚本是不合适的。问题出在browserslist@2.2.1（拉请求等待合并修复），然后将其降级到2.2.0，修复了vendor.js和main.css问题。

npm install browserslist@2.2.0 --save-dev

这是因为app-scripts版本和依赖项存在问题。

将它降级到v1.3.7将问题解决了。

npm install @ionic/app-scripts@1.3.7 --save-dev

你可以在这里看到问题：   https://github.com/ionic-team/ionic/issues/12441（已关闭）

在这里：https://github.com/ionic-team/ionic/issues/12442

Ionic Framework3缺少main.css

3 个答案: