Waypoint npm-ошибка: не удается разрешить ' waypoint


Waypoint npm-ошибка: не удается разрешить ' waypoint

07.04.2017 07:26:20 Просмотров 29 Источник

У меня есть проект vue и установленные путевые точки

npm install waypoints

Я пытаюсь импортировать его

import waypoint from 'waypoints';

но получаю сообщение об ошибке

Ошибка: не удается разрешить "путевые точки" в /Mypath

Что я делаю не так?

var webpack = require('webpack');
var path = require('path');
let ExtractTextPlugin = require("extract-text-webpack-plugin");
var WebpackNotifierPlugin = require('webpack-notifier');
var fs = require('file-system');
var CleanWebpackPlugin = require('clean-webpack-plugin');


module.exports = {
/*node: {
  fs: "empty"
},*/
    resolve: {
    alias: {
      'masonry': 'masonry-layout',
      'isotope': 'isotope-layout'
    }
  },

    entry: './main.js',
    devtool: 'source-map',
    output: {
        path: path.resolve(__dirname, './public/assets'),
        filename: 'bundle.[chunkhash].js',
    },

    module: {
        rules: [

         {  test: /\.js$/, 
                exclude: /node_modules/, 
                loader: "babel-loader?presets[]=es2015",

             },

            {
                test:/\.scss$/,
                use: ExtractTextPlugin.extract({
                    use: [{loader:'css-loader?sourceMap'}, {loader:'sass-loader', options: {
                    sourceMap: true,

                }}],

                })
            },   



            {
                 test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
          }
          // other vue-loader options go here
        }
      },



        ]
    },  

    plugins: [
new CleanWebpackPlugin(['assets/*', 'css/*'], {
            root: '/Users/LEITH/sites/laravelleith/public',
            verbose: true,
            dry: false,
            exclude: ['360lockturret.jpg'],
            watch: true
    }),

        new webpack.optimize.UglifyJsPlugin(),
        new ExtractTextPlugin('app.[chunkhash].css'),
        new WebpackNotifierPlugin(),

        function() {
            this.plugin('done', stats =>{
                fs.writeFileSync(
                    path.join(__dirname, 'manifest.json'),
                    JSON.stringify(stats.toJson().assetsByChunkName)
                )

            });
        }

    ]

};
У вопроса есть решение - Посмотреть?

Ответы - Waypoint npm-ошибка: не удается разрешить ' waypoint / Waypoint npm - Error: Can't resolve 'waypoint

markedup

09.05.2018 07:35:41

Waypoints поставляется в комплекте в нескольких вариантах, даже через NPM, но я не мог понять, есть ли реализация по умолчанию или нет. Так вот почему ваша типичная директива import Waypoint from 'waypoints' не работает.

Я решил эту проблему для своей установки "vanilla ES6 + Webpack" следующим образом:

import 'waypoints/lib/noframework.waypoints.min.js';

const waypoint = new Waypoint({
  element: document.getElementById('myScrollTarget'),
  handler: () => {}
});
iamawesome

20.11.2020 02:11:32

В принципе, @markedup прав, waypoints поставляется с различными вкусами, после установки waypoints, если вы посмотрите в папку /waypoints/lib/, вы увидите zepto/jquery/noframework.waypoints.js .

В этом случае вам потребуется импортировать его как полный путь т. е.

import 'waypoints/lib/noframework.waypoints.min.js';

или

window.waypoint = require('waypoints/lib/noframework.waypoints');
Помочь в развитии проекта:
Закрыть X