在ES6中使用Brunch构建Web应用程序时模块上的DEPS_RESOLVE_FAILED

时间:2016-09-04 04:38:27

标签: node.js npm ecmascript-6 vue.js brunch

使用Brunch构建Web应用程序时遇到问题。我的应用程序依赖于我创建的模块并上传到NPM,每当我构建它时,我得到:

DEPS_RESOLVE_FAILED of node_modules/rd-vue-bootstrap/dist/rd-vue-bootstrap.js failed. 
Could not load module './bs-button-group.vue' from '/Users/rjuliani/dev/production-manager-ui/node_modules/rd-vue-bootstrap/dist'. 
Make sure the file actually exists

模块本身构建得很好,但是当我从我的测试Web应用程序中使用它并构建它(Web应用程序)时,它会引发上述错误。

我的package.json文件的相关部分是:

"main": "dist/rd-vue-bootstrap.js",
  "files": [
      "dist/rd-vue-bootstrap.js",
      "dist/rd-vue-bootstrap.js.map",
      "dist/rd-vue-bootstrap.min.js",
      "src"
  ],

brunch-config.js

module.exports = {
    files: {
        javascripts: {
            joinTo: 'app.js'
        },
        templates: {
            joinTo: 'app.js'
        }
    },
    plugins: {
        babel: {

        },
        assetsmanager: {
            copyTo: {
                'vendor': ['node_modules/bootstrap', 'node_modules/jquery', 'node_modules/rd-vue-bootstrap']
            },
            minTimeSpanSeconds: 10 // assets won't be copied more frequent than once per X seconds.npm
        }
    }
};

initialize.js(我的网络应用程序的主文件)

import Vue from 'vue';
import RdVueBootstrap from 'rd-vue-bootstrap';

Vue.use(RdVueBootstrap);

最后,我的测试网络应用程序的package.json

{
  "name": "production-manager-ui",
  "description": "Simple UI for the production-manager API project",
  "version": "0.0.1",
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "https://github.com/radical-dreamers/production-manager-ui.git"
  },
  "scripts": {
    "watch": "brunch watch --server",
    "build": "brunch build --production"
  },
  "author": {
    "url": "http://www.codelightsoftware.com",
    "name": "Rodrigo Juliani",
    "email": "srodriki@gmail.com"
  },
  "keywords": [
    "vue",
    "brunch"
  ],
  "dependencies": {
    "bootstrap": "^3.3.7",
    "jquery": "^3.1.0",
    "rd-vue-bootstrap": "0.0.6",
    "vue": "^1.0.26",
    "vue-router": "^0.7.13"
  },
  "devDependencies": {
    "assetsmanager-brunch": "^1.8.1",
    "auto-reload-brunch": "^2.7.1",
    "babel-brunch": "^6.0.6",
    "brunch": "^2.8.2",
    "css-brunch": "^2.6.1",
    "javascript-brunch": "^2.0.0",
    "vue-brunch": "^1.1.2",
    "vue-devtools": "^2.0.4"
  }
}

任何想法如何解决这个问题?我已经尝试了很多东西,现在似乎没有任何工作:(

谢谢!

0 个答案:

没有答案