Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了node.js – 导入路径不能以’.ts’结尾 – NodeJS和Visual Code大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在尝试构建一个简单的NodeJS应用程序时遇到错误

node.js – 导入路径不能以’.ts’结尾 – NodeJS和Visual Code

即使Visual Code提示错误,我的代码也运行了.当我从import语句中删除.ts扩展名时,我收到一条错误,指出找不到该文件.

我正在使用webpack,但这些文件来自服务器.这是我的文件夹结构:

node.js – 导入路径不能以’.ts’结尾 – NodeJS和Visual Code

这是我的webpack文件

var webpack = require('webpack');
var Helpers = require('./Helpers');

//# Webpack Plugins
var CopyWebpackPlugin = (CopyWebpackPlugin = require('copy-webpack-plugin'),CopyWebpackPlugin.default || CopyWebpackPlugin);
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ForkcheckerPlugin = require('awesome-typescript-loader').ForkcheckerPlugin;
var ExtractTextPlugin = require('extract-text-webpack-plugin');

//# Webpack Constants
const ENV = process.env.ENV = process.env.NODE_ENV = 'development';
const HMR = Helpers.hasProcessFlag('hot');
const MetaDATA = {
  title: 'My Application',baseUrl: '/',host: process.env.HOST || '0.0.0.0',port: process.env.PORT || 8080,ENV: ENV,HMR: HMR
};

//# Webpack Configuration
module.exports = {
  Metadata: MetaDATA,entry: {
    'polyfills': './src/polyfills.ts','vendor': './src/vendor.ts','main': './src/main.ts',},resolve: {
    extensions: ['','.ts','.tsx','.js','.scss'],root: Helpers.root('src'),modulesDirectories: [
      'node_modules','server'
    ]
  },module: {
    preLoaders: [
      {
        test: /\.js$/,loader: 'source-map-loader',exclude: [
          Helpers.root('node_modules/rxjs'),Helpers.root('node_modules/@angular2-material'),Helpers.root('node_modules/@angular')
        ]
      }

    ],loaders: [
      {
        test: /\.ts$/,loader: 'awesome-typescript-loader',exclude: [/\.(spec|e2E)\.ts$/]
      },{
        test: /\.json$/,loader: 'json-loader'
      },{
        test: /\.css$/,loader: 'raw-loader'
      },{
        test: /\.html$/,loader: 'raw-loader',exclude: [Helpers.root('src/index.html')]
      },{
        test: /\.scss|css$/,loader: ExtractTextPlugin.extract({ fallBACkLoader: 'style-loader',loader: 'css-loader!sass-loader' }),exclude: [ Helpers.root('node_modules') ]
      },{ 
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader: "url-loader?limit=10000&mimetype=application/font-woff" 
      },{ 
        test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,loader : 'file-loader'
      }
    ]
  },plugins: [

    new ForkcheckerPlugin(),new webpack.optimize.occurrenceOrderPlugin(true),new webpack.optimize.CommonsChunkPlugin({
      name: ['polyfills','vendor'].reverse()
    }),new ExtractTextPlugin("[name].css"),new CopyWebpackPlugin([{
      from: 'src/assets',to: 'assets'
    }]),new HtmlWebpackPlugin({
      template: 'src/index.html',chunksSortMode: 'dependency'
    }),new webpack.ProvidePlugin({
      jQuery: 'jquery',$: 'jquery',jquery: 'jquery',"Tether": 'tether',"window.Tether": "tether"
    })

  ],node: {
    global: 'window',crypto: 'empty',module: false,clearImmediate: false,setImmediate: false
  }
};

有谁能够帮我? TKS!

解决方法

我不确定这个问题的确切解决方案是什么.显然,解决方案是 remove the .ts extension — it is a configuration issue if it cannot find the file.对我来说,配置问题在我开始使用ts-loader时得到了解决.

大佬总结

以上是大佬教程为你收集整理的node.js – 导入路径不能以’.ts’结尾 – NodeJS和Visual Code全部内容,希望文章能够帮你解决node.js – 导入路径不能以’.ts’结尾 – NodeJS和Visual Code所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。