Question

我已经浏览了很多谷歌页面，仍然没有找到我的问题的答案。问题是我使用Vuejs和Webpack构建了一个库，现在我正在尝试在新的Vuejs和Browersify项目中使用它。但是当我尝试：

import Library from 'library';
Vue.use(Library);

我收到以下错误：

ParseError: 'import' and 'export' may appear only with 'sourceType: module'

所以我想知道这样的导入是否可行。我已经尝试了所有babelify和eslint组合，但这是我现在在Browserify项目中的内容：

eslintrc :

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    'sourceType': 'module',
    'ecmaVersion': 6,
  },
  env: {
    browser: true,
    'es6': true,
  },
  "ecmaFeatures": {
    "sourceType": "module"
  },
  extends: 'airbnb-base',
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  'rules': {
    // don't require .vue extension when importing
    'import/extensions': ['error', 'always', {
      'js': 'never',
      'vue': 'never'
    }],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': ['error', {
      'optionalDependencies': ['test/unit/index.js']
    }],
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'no-console': 0,
  }
}

babelrc : 

{
  "presets": ["es2015"],
}

package.json :

"watchify": "watchify -vd -p browserify-hmr -e src/main.js -o dist/js/main.js"

"build": "cross-env NODE_ENV=production browserify -g envify src/main.js | uglifyjs -c warnings=false -m > dist/js/main.js"

"browserify": {
    "transform": [
      "babelify",
      "vueify"
    ]
  },

我尝试在使用Webpack的项目中导入库，但效果很好。

我变得有点绝望所以我希望你们中的一个可以找到问题和他的解决方案：）

VueJs + Browserify项目中的VueJs + Webpack库导入返回错误：“'import'和'export'可能只出现'sourceType：module'”

0 个答案: