加载“npm:babel-core@5.5.6/browser.js”时出错

Question

我已经安装了 npm 和 jspm 包，但是当我尝试运行我的代码时，我的浏览器中出现以下错误。

在加载“npm:babel-core@5.5.6/browser.js”时出错 http://localhost:9000/jspm_packages/npm/babel-core@5.5.6/browser.js.js 在http://localhost:9000/jspm_packages/npm/babel-core@5.5.6.js 从“npm:babel-core@5.5.6”加载“npm:babel-core@5.5.6/browser.js”时出错 未找到：http://localhost:9000/jspm_packages/npm/babel-core@5.5.6/browser.js.js（警告：使用非错误）

npm 文件夹中有 browser.js 文件，但我仍然收到上述错误。下面是我的 jspm-package 文件夹结构和带有 devDepencies 的 package.json 文件的快照

jspm-package folder

package.json

"devDependencies": {
"almond": "^0.3.2",
"babel-core": "^5.8.38",
"chai": "^2.2.0",
"check-build": "^1.5.0",
"grunt": "^0.4.5",
"grunt-contrib-clean": "^0.6.0",
"grunt-contrib-copy": "^0.8.0",
"grunt-contrib-jshint": "~0.10.0",
"grunt-contrib-requirejs": "~0.4.4",
"grunt-serve": "^0.1.6",
"jsdoc": "^3.3.0-beta3",
"jspm": "^0.15.3",
"karma": "^0.12.31",
"karma-babel-preprocessor": "^5.1.0",
"karma-chai": "^0.1.0",
"karma-chrome-launcher": "^0.1.8",
"karma-cli": "0.0.4",
"karma-coverage": "^0.3.1",
"karma-jspm": "^1.1.4",
"karma-mocha": "^0.1.10",
"karma-mocha-reporter": "^1.0.2",
"karma-sinon": "^1.0.4",
"load-grunt-config": "^0.7.2" },

"jscsConfig": {
"esnext": true},
"jspm": {
"directories": {
  "test": "test"
},
"devDependencies": {
  "babel": "npm:babel-core@^5.1.13",
  "babel-runtime": "npm:babel-runtime@^5.1.13",
  "core-js": "npm:core-js@^0.9.4"
}

我已经尝试卸载 npm 并重新安装它，但它似乎不起作用。请帮我解决这个问题。提前致谢。

配置文件如下：

System.config({
  "baseURL": "/",
  "transpiler": "babel",
  "babelOptions": {
   "optional": [
   "runtime"
    ]
  },
  "paths": {
    "github:*": "jspm_packages/github/*.js",
    "npm:*": "jspm_packages/npm/*.js",
    "*": "*.js"
   },
  "defaultJSExtensions": true
   });

System.config({
  "map": {
    "babel": "npm:babel-core@5.5.6",
    "babel-runtime": "npm:babel-runtime@5.5.6",
    "core-js": "npm:core-js@0.9.15",
    "github:jspm/nodelibs-process@0.1.1": {
      "process": "npm:process@0.10.1"
     },
    "npm:babel-runtime@5.5.6": {
    "process": "github:jspm/nodelibs-process@0.1.1"
     },
    "npm:core-js@0.9.15": {
      "fs": "github:jspm/nodelibs-fs@0.1.2",
      "process": "github:jspm/nodelibs-process@0.1.1",
      "systemjs-json": "github:systemjs/plugin-json@0.1.0"
      }
  }
});

Answer 1

我认为，问题出在：

"defaultJSExtensions": true

这是不推荐使用的设置，文档建议指定此类行为for every package separately。

原因是有人写import "moduleName"，有人写import "moduleName.js"。该设置通过始终将.js 添加到模块末尾来修复第一种情况。从错误信息中可以看出，systemjs 正在尝试加载browser.js.js，因此您应该指定babel 包选项defaultExtension: false 以防止出现.js.js 问题。