ロールアップモジュールが見つかりません:エラー:「jquery」を解決できません

デオン

vuejsの単一ファイルコンポーネントをビルドしてバンドルしようとしrollupていますが、エラーが発生しますModule not found: Error: Can't resolve 'jquery'私はこの問題を解決するために何時間も費やしましたが、それでも理解できません。

rollup.config.js

import babel from 'rollup-plugin-babel';
import minimist from 'minimist';
import uglify from 'rollup-plugin-uglify-es';
import vue from 'rollup-plugin-vue';

const argv = minimist(process.argv.slice(2));

const config = {
    input: 'src/index.js',
    output: {
        name: 'ExampleComponent',
        exports: 'named',
        globals: {
            jquery: 'jQuery',
        },
    },
    plugins: [
        vue({
            css: true,
            compileTemplate: true,
        }),
        babel({
            exclude: 'node_modules/**',
            externalHelpersWhitelist: [
                'defineProperties',
                'createClass',
                'inheritsLoose',
                'defineProperty',
                'objectSpread',
            ],
        }),
    ],
    external: ['jquery'],
};

// Only minify browser (iife) version
if (argv.format === 'iife') {
    config.plugins.push(uglify());
}

export default config;

index.js

// Import vue component
import component from '../src/main.vue';

// install function executed by Vue.use()
export function install(Vue) {
  if (install.installed) return;
  install.installed = true;
  Vue.component('ExampleComponent', component);
}

// Create module definition for Vue.use()
const plugin = {
  install,
};

// To auto-install when vue is found
let GlobalVue = null;
if (typeof window !== 'undefined') {
  GlobalVue = window.Vue;
} else if (typeof global !== 'undefined') {
  GlobalVue = global.Vue;
}
if (GlobalVue) {
  GlobalVue.use(plugin);
}

// To allow use as module (npm/webpack/etc.) export component
export default component;

package.json

{
  "main": "dist/example-component.umd.js",
  "module": "dist/example-component.esm.js",
  "unpkg": "dist/example-component.min.js",
  "scripts": {
    "build": "npm run build:unpkg & npm run build:es & npm run build:umd",
    "build:umd": "rollup --config build/rollup.config.js --format umd --file dist/vue-selectize.umd.js",
    "build:es": "rollup --config build/rollup.config.js --format es --file dist/vue-selectize.esm.js",
    "build:unpkg": "rollup --config build/rollup.config.js --format iife --file dist/vue-selectize.min.js"
  },
  "dependencies": {
    "tablesorter": "^2.31.0"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "rollup": "^0.65.2",
    "rollup-plugin-babel": "^3.0.7",
    "rollup-plugin-uglify-es": "0.0.1",
    "rollup-plugin-vue": "^4.3.2",
    "vue": "^2.5.17",
    "vue-template-compiler": "^2.5.17"
  }
}

main.vue

<template>
    <select>
        <slot></slot>
    </select>
</template>
<script>
    import $ from 'jquery'

    if (!$().tablesorter) {
        require('tablesorter')
    }

    export default {
        // more code here...
    }
</script>
Boussadjra Brahim

JQuery開発の依存関係にモジュールがありません。次のコマンドを使用しモジュールをインストールできます。

 npm i jquery --save-dev

--save-dev 新しくインストールしたモジュールをに保存するオプション devDependencies

将来、モジュールが見つからないというような問題が発生した場合は、次のようにインストールできます。

npm install missingModule --save-dev

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

webpackモジュールが見つかりません:エラー:「jquery」を解決できません

分類Dev

モジュールが見つかりません:エラー: '@ angular / animations'を解決できません

分類Dev

モジュールが見つかりません:エラー: '@ angular / animations'を解決できません

分類Dev

モジュールが見つかりません:エラー:「react-bootstrap-validation」を解決できません

分類Dev

モジュールが見つかりません:エラー:「hammerjs」を解決できません

分類Dev

モジュールが見つかりません:エラー:「@ angular / core」を解決できません

分類Dev

モジュールが見つかりませんエラー:@ types / historyの「history」を解決できません

分類Dev

モジュールが見つかりません:エラー:「rxjs / add / observable / throw」を解決できません

分類Dev

モジュールが見つかりません:エラー:「ts-loader」を解決できません

分類Dev

モジュールが見つかりません:エラー:「avoriaz」を解決できません

分類Dev

モジュールが見つかりません:エラー:「./ templates」を解決できません

分類Dev

モジュールが見つかりません:エラー:「C:」の「./firebase」を解決できません

分類Dev

React:モジュールが見つかりません:エラー:「react / lib / update」を解決できません

分類Dev

NUXT:モジュールが見つかりません:エラー:「fs」を解決できません

分類Dev

Angular 6-モジュールが見つかりません:エラー:「http」を解決できません

分類Dev

Rust / Wasm:モジュールが見つかりません:エラー:「env」を解決できません

分類Dev

モジュールが見つかりません:エラー:「dropzone」を解決できません

分類Dev

モジュールが見つかりません:エラー:「lodash-es」を解決できません

分類Dev

モジュールが見つかりません:エラー:「ngx-bootstrap」を解決できません

分類Dev

モジュールが見つかりません:エラー:「cypress-react-selector」を解決できません

分類Dev

モジュールが見つかりません:エラー:「ReactDOM」を解決できません

分類Dev

Angular 2:モジュールが見つかりません:エラー:解決できません

分類Dev

モジュールが見つかりません:解決できません

分類Dev

エラーを返すReactjsに画像をインポートできませんモジュールが見つかりません:解決できません

分類Dev

モジュールが見つかりません:エラー:webpackを使用するとモジュール 'react'を解決できません

分類Dev

モジュールが見つかりません:エラー:モジュールを解決できません

分類Dev

"モジュールが見つかりません:エラー:モジュール 'react / lib / ReactMount'を解決できません"

分類Dev

モジュールが見つかりません:エラー:モジュール 'react-addons-test-utils'を解決できません

分類Dev

モジュールが見つかりません:エラー:モジュール 'semantic-ui-css'を解決できません

Related 関連記事

  1. 1

    webpackモジュールが見つかりません:エラー:「jquery」を解決できません

  2. 2

    モジュールが見つかりません:エラー: '@ angular / animations'を解決できません

  3. 3

    モジュールが見つかりません:エラー: '@ angular / animations'を解決できません

  4. 4

    モジュールが見つかりません:エラー:「react-bootstrap-validation」を解決できません

  5. 5

    モジュールが見つかりません:エラー:「hammerjs」を解決できません

  6. 6

    モジュールが見つかりません:エラー:「@ angular / core」を解決できません

  7. 7

    モジュールが見つかりませんエラー:@ types / historyの「history」を解決できません

  8. 8

    モジュールが見つかりません:エラー:「rxjs / add / observable / throw」を解決できません

  9. 9

    モジュールが見つかりません:エラー:「ts-loader」を解決できません

  10. 10

    モジュールが見つかりません:エラー:「avoriaz」を解決できません

  11. 11

    モジュールが見つかりません:エラー:「./ templates」を解決できません

  12. 12

    モジュールが見つかりません:エラー:「C:」の「./firebase」を解決できません

  13. 13

    React:モジュールが見つかりません:エラー:「react / lib / update」を解決できません

  14. 14

    NUXT:モジュールが見つかりません:エラー:「fs」を解決できません

  15. 15

    Angular 6-モジュールが見つかりません:エラー:「http」を解決できません

  16. 16

    Rust / Wasm:モジュールが見つかりません:エラー:「env」を解決できません

  17. 17

    モジュールが見つかりません:エラー:「dropzone」を解決できません

  18. 18

    モジュールが見つかりません:エラー:「lodash-es」を解決できません

  19. 19

    モジュールが見つかりません:エラー:「ngx-bootstrap」を解決できません

  20. 20

    モジュールが見つかりません:エラー:「cypress-react-selector」を解決できません

  21. 21

    モジュールが見つかりません:エラー:「ReactDOM」を解決できません

  22. 22

    Angular 2:モジュールが見つかりません:エラー:解決できません

  23. 23

    モジュールが見つかりません:解決できません

  24. 24

    エラーを返すReactjsに画像をインポートできませんモジュールが見つかりません:解決できません

  25. 25

    モジュールが見つかりません:エラー:webpackを使用するとモジュール 'react'を解決できません

  26. 26

    モジュールが見つかりません:エラー:モジュールを解決できません

  27. 27

    "モジュールが見つかりません:エラー:モジュール 'react / lib / ReactMount'を解決できません"

  28. 28

    モジュールが見つかりません:エラー:モジュール 'react-addons-test-utils'を解決できません

  29. 29

    モジュールが見つかりません:エラー:モジュール 'semantic-ui-css'を解決できません

ホットタグ

アーカイブ