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文件夹结构和package.json文件的快照，其中包含devDepencies

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问题。

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

1 个答案: